svg hover on mobile

SaswatPadhi · Jan 1, 2024 · a1b91d0 · a1b91d0
1 parent 14c6e95
commit a1b91d0
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/_layouts/base.html b/_layouts/base.html
@@ -169,6 +169,7 @@
           const oldHeight = svg.getBoundingClientRect().height;
           const panZoom = svgPanZoom(svg, {
             controlIconsEnabled: !svg.parentElement.parentElement.classList.contains('no-pan-zoom-controls'),
+            preventMouseEventsDefault: false,
             mouseWheelZoomEnabled: false,
           });
           svg.style.height = Math.round(oldHeight) + 'px';

diff --git a/_sass/partials/_figures.scss b/_sass/partials/_figures.scss
@@ -42,8 +42,15 @@ code[data-processed='true'] {
       min-width: 75px;
     }
 
+    @supports not #{'selector\(:has\(g.svg-pan-zoom-control\)\)'} {
+      & {
+        min-height: 85px;
+        min-width: 75px;
+      }
+    }
+
     g.svg-pan-zoom-control {
-      opacity: 0.5;
+      opacity: 0.25;
       transition: opacity 0.8s ease;
     }