Fix panel input bg (#368)

* Show project administrators * Fix panel input bg
Flagsmith · Sep 28, 2021 · 03a2edc · 03a2edc
1 parent 3e668ca
commit 03a2edc
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git a/frontend/web/styles/_variables.scss b/frontend/web/styles/_variables.scss
@@ -79,6 +79,7 @@ $nav-icon-color-dark: $dark-highlight;
 
 // Input
 $input-bg: #fff;
+$input-bg-alt: #f7f7f7;
 $input-bg-dark: $dark-bg-0;
 $input-color-dark: $body-text-dark;
 

diff --git a/frontend/web/styles/project/_panel.scss b/frontend/web/styles/project/_panel.scss
@@ -58,6 +58,9 @@
         .panel-heading {
             background-color: transparent;
         }
+        input[type="text"] {
+            background: $input-bg-alt;
+        }
     }
     &--nested {
         border-top-left-radius: 0 !important;
@@ -73,6 +76,15 @@
 
     }
 }
+.dark {
+    .panel {
+        &--transparent {
+            input[type="text"] {
+                background: $input-bg-dark;
+            }
+        }
+    }
+}
 
 .header{
     &--icon{