From 7c611d9b62535fee2f766c13992fb3e303bf048a Mon Sep 17 00:00:00 2001
From: Malcolm Diller <malcolm@dillerm.io>
Date: Fri, 28 Oct 2022 18:41:41 -0700
Subject: [PATCH] added some shadow and animation to popups

---
 ui/media/css/main.css | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/ui/media/css/main.css b/ui/media/css/main.css
index 80e2b25e..9f8bca08 100644
--- a/ui/media/css/main.css
+++ b/ui/media/css/main.css
@@ -668,7 +668,8 @@ input::file-selector-button {
 }
 
 .popup:not(.active) {
-    display: none;
+    visibility: hidden;
+    opacity: 0;
 }
 
 .popup {
@@ -679,6 +680,8 @@ input::file-selector-button {
     right: 0px;
     bottom: 0px;
     z-index: 1000;
+    opacity: 1;
+    transition: 0s visibility, 0.3s opacity;
 }
 
 .popup > div {
@@ -691,6 +694,7 @@ input::file-selector-button {
     border-radius: 6px;
     padding: 30px;
     text-align: center;
+    box-shadow: 0px 0px 30px black;
 }
 
 .popup .close-button {