Replace lightbox grabbing cursor
This commit is contained in:
@@ -285,6 +285,7 @@
|
|||||||
fTransY = Math.max(Math.min(fTransY, fTransMaxY), fTransMaxY * -1);
|
fTransY = Math.max(Math.min(fTransY, fTransMaxY), fTransMaxY * -1);
|
||||||
|
|
||||||
this.$image.css('--scale', fNewZoom);
|
this.$image.css('--scale', fNewZoom);
|
||||||
|
this.$container.toggleClass('moveable', (fNewZoom > 1));
|
||||||
this.$image.css('--translate-x', fTransX+'px');
|
this.$image.css('--translate-x', fTransX+'px');
|
||||||
this.$image.css('--translate-y', fTransY+'px');
|
this.$image.css('--translate-y', fTransY+'px');
|
||||||
}
|
}
|
||||||
@@ -484,6 +485,7 @@
|
|||||||
this.$image.css({'--scale': '1', '--translate-x': '0', '--translate-y': '0'});
|
this.$image.css({'--scale': '1', '--translate-x': '0', '--translate-y': '0'});
|
||||||
self.$lightbox.find('.lb-dataContainer').css({width:'200px', height:'30px'});
|
self.$lightbox.find('.lb-dataContainer').css({width:'200px', height:'30px'});
|
||||||
this.$outerContainer.addClass('animating');
|
this.$outerContainer.addClass('animating');
|
||||||
|
this.$container.removeClass('moveable moving');
|
||||||
|
|
||||||
oSpot.updateHash('media', self.album[imageNumber].id);
|
oSpot.updateHash('media', self.album[imageNumber].id);
|
||||||
|
|
||||||
@@ -709,7 +711,7 @@
|
|||||||
//ADDED-START
|
//ADDED-START
|
||||||
*/
|
*/
|
||||||
//ADDED-END
|
//ADDED-END
|
||||||
|
|
||||||
this.$outerContainer.removeClass('animating');
|
this.$outerContainer.removeClass('animating');
|
||||||
|
|
||||||
this.$lightbox.find('.lb-dataContainer').fadeIn(this.options.resizeDuration, function() {
|
this.$lightbox.find('.lb-dataContainer').fadeIn(this.options.resizeDuration, function() {
|
||||||
|
|||||||
@@ -102,10 +102,14 @@
|
|||||||
.lb-container {
|
.lb-container {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
||||||
&.moving {
|
&.moveable {
|
||||||
cursor: grab;
|
cursor: grab;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&.moving {
|
||||||
|
cursor: grabbing;
|
||||||
|
}
|
||||||
|
|
||||||
.lb-image {
|
.lb-image {
|
||||||
image-orientation: from-image;
|
image-orientation: from-image;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user