on mouse hover show / hide modal image viewer icons

cc41cc43 · w-e-w · f92d6149 · cc41cc43
Commit cc41cc43 authored Dec 13, 2023 by w-e-w
Hide whitespace changes
Inline Side-by-side

Showing with 16 additions and 0 deletions

style.css style.css +16 -0

No files found.
--- a/style.css
+++ b/style.css
@@ -749,6 +749,22 @@ table.popup-table .link{
    display: none;
 }

+@media (pointer: fine) {
+    .modalPrev:hover,
+    .modalNext:hover,
+    .modalControls:hover ~ .modalPrev,
+    .modalControls:hover ~ .modalNext,
+    .modalControls:hover .cursor {
+        opacity: 1;
+    }
+
+    .modalPrev,
+    .modalNext,
+    .modalControls .cursor {
+        opacity: 0;
+    }
+}
+
 /* context menu (ie for the generate button) */

 #context-menu{