Improve listbox design to match other popup surfaces

sippy-platform · Jul 1, 2022 · ccce81c · ccce81c
1 parent e0ce499
commit ccce81c
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/scss/_forms_select.scss b/scss/_forms_select.scss
@@ -57,10 +57,15 @@ select.input {
   overflow: auto;
   width: 100%;
   border-radius: $border-radius;
-  background-color: var(--form-background);
+  background-color: var(--acrylic-fallback-background);
   padding: $spacer * .25;
   margin-top: $spacer * .25;
   box-shadow: var(--shadow-2);
   list-style: none;
   z-index: 100;
+
+  @supports (backdrop-filter: blur(15px) saturate(350%)) {
+    background-color: var(--acrylic-background);
+    backdrop-filter: blur(15px) saturate(250%);
+  }
 }