From cc41cc4349514bbfeb9f37445c931a050b076bd6 Mon Sep 17 00:00:00 2001
From: w-e-w <40751091+w-e-w@users.noreply.github.com>
Date: Wed, 13 Dec 2023 02:06:56 +0900
Subject: on mouse hover show / hide modal image viewer icons

---
 style.css | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

(limited to 'style.css')

diff --git a/style.css b/style.css
index ee39a57b..ec449bde 100644
--- 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{
-- 
cgit v1.2.3


From 0c5427960b3a4ffe6d673c28e8e135b26f015717 Mon Sep 17 00:00:00 2001
From: w-e-w <40751091+w-e-w@users.noreply.github.com>
Date: Fri, 15 Dec 2023 17:11:59 +0900
Subject: make modal toolbar and icon opacity adjustable

---
 style.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'style.css')

diff --git a/style.css b/style.css
index ec449bde..6d4c8a0d 100644
--- a/style.css
+++ b/style.css
@@ -679,7 +679,7 @@ table.popup-table .link{
     transition: 0.2s ease background-color;
 }
 .modalControls:hover {
-    background-color:rgba(0,0,0,0.9);
+    background-color:rgba(0,0,0, var(--sd-webui-modal-lightbox-toolbar-opacity));
 }
 .modalClose {
     margin-left: auto;
@@ -761,7 +761,7 @@ table.popup-table .link{
     .modalPrev,
     .modalNext,
     .modalControls .cursor {
-        opacity: 0;
+        opacity: var(--sd-webui-modal-lightbox-icon-opacity);
     }
 }
 
-- 
cgit v1.2.3