Readjust space between the search bar and the actions (#8033) (#8094)

(cherry picked from commit f5cdce6) Signed-off-by: Miki <[email protected]> Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
opensearch-project · Sep 11, 2024 · e783a39 · e783a39
1 parent 4ee18a3
commit e783a39
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/plugins/data/public/ui/filter_bar/_global_filter_group.scss b/src/plugins/data/public/ui/filter_bar/_global_filter_group.scss
@@ -18,8 +18,7 @@
 
 .headerAppActionMenu .globalQueryBar,
 .headerAppActionMenu .globalDatePicker {
-  // The left-padding is a magic number just to add some space to the left that reduces with screen width
-  padding: 0 0 0 calc(100vw - 1600px);
+  padding: 0;
 }
 
 .globalFilterGroup__filterBar {

diff --git a/src/plugins/navigation/public/top_nav_menu/_index.scss b/src/plugins/navigation/public/top_nav_menu/_index.scss
@@ -70,9 +70,12 @@
   .euiText {
     line-height: $euiFormControlCompressedHeight;
     white-space: nowrap;
-    max-width: 18ch;
     overflow: hidden;
     text-overflow: ellipsis;
+
+    @media only screen and (max-width: map-get($euiBreakpoints, "xxl")) {
+      max-width: 18ch;
+    }
   }
 }