From 4bcca01ff30b3651f4b8099ea8b049c259241086 Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Tue, 19 Nov 2024 22:55:44 +0200
Subject: [PATCH] Add a drop shadow for menus

---
 src/public/stylesheets/style.css       | 4 ++--
 src/public/stylesheets/theme-dark.css  | 1 +
 src/public/stylesheets/theme-light.css | 1 +
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/public/stylesheets/style.css b/src/public/stylesheets/style.css
index 26050590a..bddf82876 100644
--- a/src/public/stylesheets/style.css
+++ b/src/public/stylesheets/style.css
@@ -237,6 +237,7 @@ div.ui-tooltip {
     color: var(--menu-text-color) !important;
     background-color: var(--menu-background-color) !important;
     font-size: inherit;
+    box-shadow: 0px 10px 20px rgba(0, 0, 0, var(--dropdown-shadow-opacity));
 }
 
 .dropdown-menu .disabled {
@@ -1236,5 +1237,4 @@ textarea {
 
 .jump-to-note-results .aa-suggestions {
     padding: 1rem;
-}
-
+}
\ No newline at end of file
diff --git a/src/public/stylesheets/theme-dark.css b/src/public/stylesheets/theme-dark.css
index 6546b43f4..b65491000 100644
--- a/src/public/stylesheets/theme-dark.css
+++ b/src/public/stylesheets/theme-dark.css
@@ -17,6 +17,7 @@
     --main-text-color: #ccc;
     --main-border-color: #aaa;
     --dropdown-border-color: #555;
+    --dropdown-shadow-opacity: .4;
 
     --accented-background-color: #555;
     --more-accented-background-color: #777;
diff --git a/src/public/stylesheets/theme-light.css b/src/public/stylesheets/theme-light.css
index 82e4477b2..f4536994b 100644
--- a/src/public/stylesheets/theme-light.css
+++ b/src/public/stylesheets/theme-light.css
@@ -21,6 +21,7 @@ html {
     --main-text-color: black;
     --main-border-color: #ccc;
     --dropdown-border-color: #ccc;
+    --dropdown-shadow-opacity: .2;
 
     --accented-background-color: #f5f5f5;
     --more-accented-background-color: #ddd;