CSS for react-select

alaoy0225 · Aug 4, 2019 · 669975a · 669975a
1 parent b088d80
commit 669975a
Showing 1 changed file with 25 additions and 0 deletions.
diff --git a/styles/dialog.less b/styles/dialog.less
@@ -146,6 +146,31 @@
   &-owner {
     flex: 1;
 
+    .Select-control {
+      border-color: @button-border-color;
+    }
+
+    &.Select--single > .Select-control .Select-value.Select-value {
+      background: @button-background-color;
+    }
+
+    &.Select.has-value.Select--single > .Select-control .Select-value .Select-value-label {
+      color: @text-color;
+    }
+
+    .Select-option {
+      background: @button-background-color;
+      color: @text-color;
+
+      &.is-focused {
+        background: @button-background-color-selected;
+      }
+
+      &.is-disabled {
+        color: @text-color-subtle;
+      }
+    }
+
     &Option {
       display: flex;
       flex-direction: row;