Skip to content

Commit

Permalink
feat: Reimplement the Zooming Image Tool
Browse files Browse the repository at this point in the history
This recreates the Zooming Image Tool template for the HTML block.  It
does it in such a way that doesn't depend on any external resources:
both the loupe code and sample image are inlined.

Some benefits to this version are:

* We can now maintain the loupe javascript code properly

* Because the javascript is included in the contents of the block
  itself, the course author can customize it as needed

* As opposed to the previous iteration, the magnified image URL is now
  optional: if it's not present, the regular image will be used for
  magnification

This also removes some CSS left over from the previous iteration.
  • Loading branch information
arbrandes committed Dec 11, 2024
1 parent 2a7cce1 commit 0efa093
Show file tree
Hide file tree
Showing 2 changed files with 43 additions and 149 deletions.
7 changes: 0 additions & 7 deletions cms/static/sass/elements/_vendor.scss
Original file line number Diff line number Diff line change
Expand Up @@ -66,13 +66,6 @@
z-index: 100000 !important;
}

//jQuery loupeAndLightbox Plugin
.zooming-image-place {
.larger {
left: 0 !important;
bottom: 100% !important;
}
}
// ====================

// reset styles to remove ui-lightness jquery ui theme from the tabs component (used in the add component problem tab menu)
Expand Down
Loading

0 comments on commit 0efa093

Please sign in to comment.