Преглед изворни кода

HUE-9051 [search] Fix broken top nav layout in IE 11

Johan Ahlen пре 6 година
родитељ
комит
1279e7b502

Разлика између датотеке није приказан због своје велике величине
+ 0 - 0
desktop/libs/dashboard/src/dashboard/static/dashboard/css/search.css


+ 20 - 5
desktop/libs/dashboard/src/dashboard/static/dashboard/less/search.less

@@ -101,6 +101,7 @@
     .display-flex();
     width: 100%;
     height: 100%;
+    position: relative;
 
     .search-bar-logo {
       .flex(1 0 160px);
@@ -110,6 +111,7 @@
       .flex(1 1 100%);
       padding: 0;
       white-space: nowrap;
+      position: relative;
 
       .search-bar-query-container {
         .display-flex();
@@ -117,14 +119,20 @@
         height: 100%;
 
         .search-bar-collection {
-          .flex(1 1 120px);
+          .flex(1 0 200px);
           white-space: nowrap;
-
+          min-width: 200px;
+          position: relative;
 
           > div {
             border-radius: 4px 0 0 4px;
             border-right: none;
           }
+
+          .selectize-control {
+            width: 100% !important;
+          }
+
           &.report-mode {
             .flex(none);
             > div {
@@ -135,13 +143,20 @@
         }
 
         .search-bar-query-operations {
-          .flex(1);
+          .flex(0 0 200px);
           white-space: nowrap;
           padding-right: 45px;
         }
 
         .search-bar-query {
           .flex(1 1 100%);
+          position: relative;
+          white-space: nowrap;
+
+          > div {
+            width: 100%;
+            position: relative;
+          }
 
           .simple-ace-single-line {
             height: 30px;
@@ -161,7 +176,7 @@
     }
 
     .search-bar-operations {
-      .flex(none);
+      .flex(0 0 138px);
     }
   }
 
@@ -890,4 +905,4 @@
       display: none;
     }
   }
-}
+}

Неке датотеке нису приказане због велике количине промена