Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Media Previewer #767

Merged
merged 51 commits into from
Sep 30, 2015
Merged

Media Previewer #767

merged 51 commits into from
Sep 30, 2015

Conversation

pandafulmanda
Copy link
Contributor

Combo #725 and #756

Media/link viewer

  • works for both iReadings and reference book
  • Especially useful for steps where the image is in another step

The jumping links was driving me straight up nuts
nuts!
addresses #758

To do

Table preview

screen shot 2015-09-08 at 6 23 08 pm

If media is not even on the current page

screen shot 2015-09-08 at 6 22 42 pm

links externally to ref book, but shows preview on hover

screen shot 2015-09-15 at 5 50 41 pm

If media is not visible/partially visible

screen shot 2015-09-08 at 7 50 47 pm

If media is more than half visible

screen shot 2015-09-08 at 7 51 32 pm

For table, if partially visible

screen shot 2015-09-10 at 5 07 30 pm

Scrollable inner content, esp useful for big tables

screen shot 2015-09-10 at 8 02 13 pm

Scrollable for figures as well

screen shot 2015-09-15 at 6 39 03 pm

Is smart about where to open up viewer

opens to the left when too close to the right
screen shot 2015-09-11 at 7 21 25 pm

preview for figure in another module/page/whatever

in both iReading and Ref Book

Does not link externally in iReading

screen shot 2015-09-22 at 3 40 04 pm

Does link externally in reference book view

screen shot 2015-09-22 at 3 40 09 pm

Even makes the moving man in an interactive step

look cooler
previewer

With image loading state

image-loading

… self positioning, image re-positioning, and scrollable height setting
…t only content links get processed, as opposed to footer links as well, clean up prop names

highlightMedia: ->
{mediaDOMOnParent} = @props
mediaDOMOnParent.classList.add('target')
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Minor: Can this be something like link-target? The term target is already used in other parts of the code (but not CSS) to describe other things

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants