diff --git a/src/core/public/chrome/ui/header/collapsible_nav_group_enabled.tsx b/src/core/public/chrome/ui/header/collapsible_nav_group_enabled.tsx
index 5908d78a6de..d08e2a413d4 100644
--- a/src/core/public/chrome/ui/header/collapsible_nav_group_enabled.tsx
+++ b/src/core/public/chrome/ui/header/collapsible_nav_group_enabled.tsx
@@ -11,6 +11,7 @@ import {
EuiSpacer,
EuiHideFor,
EuiFlyoutProps,
+ EuiShowFor,
} from '@elastic/eui';
import { i18n } from '@osd/i18n';
import React, { useMemo } from 'react';
@@ -368,7 +369,7 @@ export function CollapsibleNavGroupEnabled({
return (
<>
{rendeLeftNav()}
-
+
{isNavOpen
? rendeLeftNav({
type: 'overlay',
@@ -378,7 +379,7 @@ export function CollapsibleNavGroupEnabled({
ownFocus: true,
})
: null}
-
+
>
);
}
diff --git a/src/plugins/data/public/ui/query_editor/_query_editor.scss b/src/plugins/data/public/ui/query_editor/_query_editor.scss
index e9655d245fd..88bb5e0d70e 100644
--- a/src/plugins/data/public/ui/query_editor/_query_editor.scss
+++ b/src/plugins/data/public/ui/query_editor/_query_editor.scss
@@ -122,7 +122,7 @@
}
// IE specific fix for the datepicker to not collapse
-@include euiBreakpoint("m", "l", "xl") {
+@include euiBreakpoint("m", "l", "xl", "xxl", "xxxl") {
.osdQueryEditor__datePickerWrapper {
max-width: 40vw;
flex-grow: 0 !important;
diff --git a/src/plugins/data/public/ui/query_string_input/_query_bar.scss b/src/plugins/data/public/ui/query_string_input/_query_bar.scss
index f9849063f07..134120d90f6 100644
--- a/src/plugins/data/public/ui/query_string_input/_query_bar.scss
+++ b/src/plugins/data/public/ui/query_string_input/_query_bar.scss
@@ -72,7 +72,7 @@
}
// IE specific fix for the datepicker to not collapse
-@include euiBreakpoint("m", "l", "xl") {
+@include euiBreakpoint("m", "l", "xl", "xxl", "xxl") {
.osdQueryBar__datePickerWrapper {
max-width: 40vw;
flex-grow: 0 !important;
diff --git a/src/plugins/home/public/application/components/_solutions_section.scss b/src/plugins/home/public/application/components/_solutions_section.scss
index b6d74387547..e70aa85e2b4 100644
--- a/src/plugins/home/public/application/components/_solutions_section.scss
+++ b/src/plugins/home/public/application/components/_solutions_section.scss
@@ -45,7 +45,7 @@
max-width: calc(75% - #{$euiSizeM * 2});
}
- @include euiBreakpoint("xl") {
+ @include euiBreakpoint("xl", "xxl", "xxxl") {
max-width: calc(50% - #{$euiSizeM * 2});
}
}
diff --git a/src/plugins/opensearch_dashboards_overview/public/components/_overview.scss b/src/plugins/opensearch_dashboards_overview/public/components/_overview.scss
index 3720cdd6c9a..5071d2dcff1 100644
--- a/src/plugins/opensearch_dashboards_overview/public/components/_overview.scss
+++ b/src/plugins/opensearch_dashboards_overview/public/components/_overview.scss
@@ -56,13 +56,13 @@
.osdOverviewApps__item {
.osdOverviewApps__group--primary & {
- @include euiBreakpoint("m", "l", "xl") {
+ @include euiBreakpoint("m", "l", "xl", "xxl", "xxl") {
max-width: calc(50% - #{$euiSizeM * 2});
}
}
.osdOverviewApps__group--secondary & {
- @include euiBreakpoint("m", "l", "xl") {
+ @include euiBreakpoint("m", "l", "xl", "xxl", "xxxl") {
max-width: calc(25% - #{$euiSizeM * 2});
}
}
@@ -86,7 +86,7 @@
}
.osdOverviewMore__item {
- @include euiBreakpoint("m", "l", "xl") {
+ @include euiBreakpoint("m", "l", "xl", "xxl", "xxxl") {
max-width: calc(33.3333% - #{$euiSizeM * 2});
}
}
@@ -101,13 +101,13 @@
.osdOverviewSupplements--noNews .osdOverviewMore {
h2 {
- @include euiBreakpoint("m", "l", "xl") {
+ @include euiBreakpoint("m", "l", "xl", "xxl", "xxxl") {
text-align: center;
}
}
.osdOverviewMore__content {
- @include euiBreakpoint("m", "l", "xl") {
+ @include euiBreakpoint("m", "l", "xl", "xxl", "xxxl") {
justify-content: center;
}
}
@@ -129,7 +129,7 @@
}
.osdOverviewDataManage__item:not(:only-child) {
- @include euiBreakpoint("m", "l", "xl") {
+ @include euiBreakpoint("m", "l", "xl", "xxl", "xxxl") {
flex: 0 0 calc(50% - #{$euiSizeM * 2});
}
}
diff --git a/src/plugins/vis_default_editor/public/_default.scss b/src/plugins/vis_default_editor/public/_default.scss
index 7b563b90716..fa8e08abb16 100644
--- a/src/plugins/vis_default_editor/public/_default.scss
+++ b/src/plugins/vis_default_editor/public/_default.scss
@@ -22,7 +22,7 @@
width: 100% !important;
}
- @include euiBreakpoint("l", "xl") {
+ @include euiBreakpoint("l", "xl", "xxl", "xxxl") {
max-width: 75%;
}
}
diff --git a/src/plugins/vis_default_editor/public/_sidebar.scss b/src/plugins/vis_default_editor/public/_sidebar.scss
index 3a663410891..dbaa6c7121a 100644
--- a/src/plugins/vis_default_editor/public/_sidebar.scss
+++ b/src/plugins/vis_default_editor/public/_sidebar.scss
@@ -33,7 +33,7 @@
flex-grow: 0;
}
- @include euiBreakpoint("l", "xl") {
+ @include euiBreakpoint("l", "xl", "xxl", "xxxl") {
@include flex-parent(1, 1, 1px);
@include euiScrollBar;