Fix tall search box in Firefox

* FF has an issue with flexbox and set width * setting flex only when focused
weaveworks · Jun 14, 2016 · 8a845ec · 8a845ec
1 parent b4abe58
commit 8a845ec
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/client/app/styles/main.less b/client/app/styles/main.less
@@ -1271,8 +1271,7 @@ h2 {
       border-radius: 0;
       background: transparent;
       color: @text-color;
-      flex: 1;
-      width: 60px;
+      width: 100px;
 
       &:focus {
         outline: none;
@@ -1320,6 +1319,12 @@ h2 {
     transition: transform 0.3s 0.3s @base-ease, opacity 0.3s 0.3s @base-ease;
   }
 
+  &-focused &-input-field,
+  &-filled &-input-field,
+  &-pinned &-input-field {
+    flex: 1;
+  }
+
   &-focused,
   &-filled,
   &-pinned {