fix input height to match with react-select (#3852)

apache · Nov 16, 2017 · fa35d7d · fa35d7d
1 parent e65aba3
commit fa35d7d
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 16 deletions.
diff --git a/superset/assets/stylesheets/react-select/select.less b/superset/assets/stylesheets/react-select/select.less
@@ -1,5 +1,6 @@
 @import "~react-select/less/select.less";
 @select-primary-color:              black;
+@select-input-height:               30px;
 
 // imports
 @import "~react-select/less/control.less";
@@ -8,6 +9,21 @@
 @import "~react-select/less/multi.less";
 @import "~react-select/less/spinner.less";
 
+.Select--multi {
+  .Select-multi-value-wrapper {
+    display: flex;
+    flex-wrap: wrap;
+  }
+
+  .Select-value {
+    margin: 2px;
+  }
+
+  .Select-input > input {
+    width: 100px;
+  }
+}
+
 .VirtualSelectGrid {
   z-index: 1;
 }

diff --git a/superset/assets/stylesheets/superset.less b/superset/assets/stylesheets/superset.less
@@ -356,22 +356,6 @@ iframe {
     color: transparent;
 }
 
-// overwrite react-select css
-.Select--multi {
-  .Select-multi-value-wrapper {
-    display: flex;
-    flex-wrap: wrap;
-  }
-
-  .Select-value {
-    height: 23px;
-  }
-
-  .Select-input > input {
-    width: 100px;
-  }
-}
-
 .dimmed {
   opacity: 0.5;
 }