diff --git a/packages/grafana-ui/src/themes/_variables.scss.tmpl.ts b/packages/grafana-ui/src/themes/_variables.scss.tmpl.ts index 89568ec7f6c..0c6ff640fe4 100644 --- a/packages/grafana-ui/src/themes/_variables.scss.tmpl.ts +++ b/packages/grafana-ui/src/themes/_variables.scss.tmpl.ts @@ -195,6 +195,10 @@ $btn-semi-transparent: rgba(0, 0, 0, 0.2) !default; // sidemenu $side-menu-width: 60px; +// dashboard +$dashboard-padding: $space-md $space-md 0 $space-md; +$panel-padding: 0 $space-md $space-sm $space-md; + // tabs $tabs-padding: 10px 15px 9px; diff --git a/public/sass/_variables.generated.scss b/public/sass/_variables.generated.scss index 340e56c8b78..cb0c8688ecc 100644 --- a/public/sass/_variables.generated.scss +++ b/public/sass/_variables.generated.scss @@ -198,6 +198,10 @@ $btn-semi-transparent: rgba(0, 0, 0, 0.2) !default; // sidemenu $side-menu-width: 60px; +// dashboard +$dashboard-padding: $space-md $space-md 0 $space-md; +$panel-padding: 0 $space-md $space-sm $space-md; + // tabs $tabs-padding: 10px 15px 9px; diff --git a/public/sass/pages/_dashboard.scss b/public/sass/pages/_dashboard.scss index c189df07f4a..42a5988efb4 100644 --- a/public/sass/pages/_dashboard.scss +++ b/public/sass/pages/_dashboard.scss @@ -1,5 +1,5 @@ .dashboard-container { - padding: $space-md $space-md 0 $space-md; + padding: $dashboard-padding; width: 100%; height: 100%; box-sizing: border-box; @@ -78,7 +78,7 @@ div.flot-text { } .panel-content { - padding: 0 $space-md $space-sm $space-md; + padding: $panel-padding; height: calc(100% - 27px); position: relative; diff --git a/public/sass/pages/_explore.scss b/public/sass/pages/_explore.scss index b610ac62534..666c5e4327c 100644 --- a/public/sass/pages/_explore.scss +++ b/public/sass/pages/_explore.scss @@ -156,7 +156,7 @@ } .explore-container { - padding: $space-md; + padding: $dashboard-padding; } .explore-wrapper { @@ -172,7 +172,7 @@ } .explore-panel__body { - padding: 0 $space-md $space-sm $space-md; + padding: $panel-padding; } .explore-panel__header {