diff --git a/public/app/features/dashboard/dashgrid/DashboardGrid.tsx b/public/app/features/dashboard/dashgrid/DashboardGrid.tsx index 12b4809f51a..55249a4716f 100644 --- a/public/app/features/dashboard/dashgrid/DashboardGrid.tsx +++ b/public/app/features/dashboard/dashgrid/DashboardGrid.tsx @@ -8,6 +8,7 @@ import classNames from 'classnames'; import sizeMe from 'react-sizeme'; let lastGridWidth = 1200; +let ignoreNextWidthChange = false; function GridWrapper({ size, @@ -24,8 +25,12 @@ function GridWrapper({ isFullscreen, }) { const width = size.width > 0 ? size.width : lastGridWidth; + + // logic to ignore width changes (optimization) if (width !== lastGridWidth) { - if (!isFullscreen && Math.abs(width - lastGridWidth) > 8) { + if (ignoreNextWidthChange) { + ignoreNextWidthChange = false; + } else if (!isFullscreen && Math.abs(width - lastGridWidth) > 8) { onWidthChange(); lastGridWidth = width; } @@ -138,6 +143,7 @@ export class DashboardGrid extends React.Component { } onViewModeChanged(payload) { + ignoreNextWidthChange = true; this.setState({ animated: !payload.fullscreen }); } diff --git a/public/app/features/dashboard/submenu/submenu.html b/public/app/features/dashboard/submenu/submenu.html index 8d657be4471..d7cee33e6c3 100644 --- a/public/app/features/dashboard/submenu/submenu.html +++ b/public/app/features/dashboard/submenu/submenu.html @@ -23,7 +23,5 @@ - -
diff --git a/public/sass/components/_navbar.scss b/public/sass/components/_navbar.scss index 9ab0a0457d4..9ed5c614301 100644 --- a/public/sass/components/_navbar.scss +++ b/public/sass/components/_navbar.scss @@ -40,21 +40,12 @@ } .panel-in-fullscreen { - .navbar { - // @include navbar-alt-look(); - display: none; - } - .navbar-button--add-panel, .navbar-button--star, .navbar-button--tv, .navbar-page-btn .fa-caret-down { display: none; } - - .navbar-buttons--close { - display: flex; - } } .navbar-page-btn { @@ -103,7 +94,7 @@ display: flex; align-items: center; justify-content: flex-end; - // margin-right: $spacer; + margin-right: $spacer; &--close { display: none; diff --git a/public/sass/components/_viz_editor.scss b/public/sass/components/_viz_editor.scss index bd9f52047fa..43491ef4544 100644 --- a/public/sass/components/_viz_editor.scss +++ b/public/sass/components/_viz_editor.scss @@ -28,24 +28,24 @@ } .panel-in-fullscreen { - .scroll-canvas--dashboard { - height: 100%; - } + // .scroll-canvas--dashboard { + // height: 100%; + // } .sidemenu { display: none; } - .main-view { - background: unset; - } + // .main-view { + // background: unset; + // } .dashboard-container { padding: 0; } .submenu-controls { - padding: $dashboard-padding $dashboard-padding $panel-margin $dashboard-padding; + padding: 0 $dashboard-padding $panel-margin $dashboard-padding; } .panel-editor-container__panel {