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;