last?

iamdarkle · Sep 10, 2024 · 38e77ee · 38e77ee
1 parent fe18665
commit 38e77ee
Show file tree

Hide file tree

Showing 6 changed files with 12 additions and 4 deletions.
diff --git a/js/dist/forum.js b/js/dist/forum.js
diff --git a/js/dist/forum.js.map b/js/dist/forum.js.map
diff --git a/js/package.json b/js/package.json
@@ -24,6 +24,6 @@
     "build": "npm run build:css && webpack --mode production",
     "format": "prettier --write src",
     "format-check": "prettier --check src",
-    "build:css": "cp ./node_modules/@fancyapps/ui/dist/fancybox/fancybox.css ../less/fancybox.css && cp ./node_modules/@fancyapps/ui/dist/carousel/carousel.css ../less/carousel.css"
+    "build:css": "cp ./node_modules/@fancyapps/ui/dist/fancybox/fancybox.css ../less/fancybox.css && cp ./node_modules/@fancyapps/ui/dist/carousel/carousel.css ../less/carousel.css && cp ./node_modules/@fancyapps/ui/dist/panzoom/panzoom.css ../less/panzoom.css"
   }
 }
diff --git a/js/src/forum/index.js b/js/src/forum/index.js
@@ -42,13 +42,18 @@ app.initializers.add('darkle/fancybox', () => {
       Toolbar: {
         display: {
           left: ["infobar"],
-          middle: ["rotateCCW","rotateCW","flipX","flipY"],
+          middle: ["zoom", "rotateCCW", "rotateCW", "flipX", "flipY"],
           right: ["slideshow", "fullscreen", "close"],
         },
       },
       Images: {
         initialSize: 'fit',
       },
+      Panzoom: {
+        zoom: true,
+        pinchToZoom: true, // Allow pinch-to-zoom on touch devices
+        wheel: true, // Allow zooming with mouse wheel
+      },
       on: {
         "Carousel.ready Carousel.change": (fancybox) => {
           const slide = fancybox.getSlide();

diff --git a/less/forum.less b/less/forum.less
@@ -1,5 +1,7 @@
 @import (inline) "fancybox.css";
 @import (inline) "carousel.css";
+@import (inline) "panzoom.css";
+@import (inline) "panzoom.controls.css";
 
 .f-carousel__slide {
     display: flex;

diff --git a/less/panzoom.css b/less/panzoom.css