Replace lightbox grabbing cursor

This commit is contained in:
2022-04-12 19:43:31 +02:00
parent bc237845b9
commit 0e353bee39
4 changed files with 10 additions and 4 deletions

View File

@@ -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() {

View File

@@ -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