Merge pull request #22 from noxygalaxy/select-theme-popup-fix

update: popup fix
SpaceTheme · Nov 24, 2024 · 5060473 · 5060473
2 parents 64b65e7 + 31691ff
commit 5060473
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 4 deletions.
diff --git a/gui/src/select-theme.html b/gui/src/select-theme.html
@@ -184,10 +184,13 @@
         let selectedTheme = null;
 
         function showPopup() {
-            popup.style.display = 'block';
+            popup.style.visibility = 'visible';
+            popup.style.opacity = '1';
+
             setTimeout(() => {
-                popup.style.display = 'none';
-            }, 3000);
+                popup.style.opacity = '0';
+                popup.style.visibility = 'hidden';
+            }, 2000);
         }
 
         themeOptions.forEach(option => {

diff --git a/gui/src/style.css b/gui/src/style.css
@@ -520,12 +520,19 @@ body {
     bottom: 90px;
     left: 50%;
     transform: translateX(-50%);
-    display: none;
+    visibility: hidden;
+    opacity: 0;
     padding: 10px 20px;
     border-radius: 8px;
     border: 2px solid rgb(239, 75, 75);
     color: white;
     background-color: rgb(239, 75, 75, 17%);
+    transition: opacity 0.3s ease, visibility 0.3s ease;
+}
+
+.copy-popup {
+    border: 2px solid rgb(75, 137, 239);
+    background-color: rgb(75, 137, 239, 17%);
 }
 .copy-popup {
     border: 2px solid rgb(75, 137, 239);