[Glitch] Change design of dropdowns in web UI

Port e4fd9503ec to glitch-soc Signed-off-by: Claire <claire.github-309c@sitedethib.com>
2023-06-06 21:49:49 +02:00
parent 83ae40e192
commit fb0d2de8fe
6 changed files with 46 additions and 171 deletions
--- a/app/javascript/flavours/glitch/styles/variables.scss
+++ b/app/javascript/flavours/glitch/styles/variables.scss
@@ -67,3 +67,10 @@ $ui-avatar-border-size: 8%;

 // More variables
 $dismiss-overlay-width: 4rem;
+
+:root {
+  --dropdown-border-color: #{lighten($ui-base-color, 12%)};
+  --dropdown-background-color: #{lighten($ui-base-color, 4%)};
+  --dropdown-shadow: 0 20px 25px -5px #{rgba($base-shadow-color, 0.25)},
+    0 8px 10px -6px #{rgba($base-shadow-color, 0.25)};
+}