diff --git a/ui/src/clockface/components/overlays/Overlay.scss b/ui/src/clockface/components/overlays/Overlay.scss index 4f9a928fc3..57520a903c 100644 --- a/ui/src/clockface/components/overlays/Overlay.scss +++ b/ui/src/clockface/components/overlays/Overlay.scss @@ -121,6 +121,6 @@ $overlay-min-height: 150px; .overlay--body { padding: $overlay-gutter; - padding-top: 18px; + padding-top: 0; min-height: $overlay-min-height; } diff --git a/ui/src/clockface/components/panel/Panel.scss b/ui/src/clockface/components/panel/Panel.scss index bc480486df..8bccdfeb00 100644 --- a/ui/src/clockface/components/panel/Panel.scss +++ b/ui/src/clockface/components/panel/Panel.scss @@ -5,6 +5,7 @@ $panel-gutter: $ix-marg-b * 2; $panel-background: $g3-castle; +$panel-nested-background: $g4-onyx; .panel { display: flex; @@ -55,3 +56,13 @@ $panel-background: $g3-castle; .panel-body hr { margin: $ix-marg-c 0; } + +// Panels Nested inside Tabbed Pages +// ---------------------------------------------------------------------------- +.tabbed-page .panel { + background-color: $panel-nested-background; + + .panel-footer { + background-color: mix($panel-nested-background, $g3-castle, 50%); + } +} diff --git a/ui/src/dashboards/components/dashboard_index/TableRow.tsx b/ui/src/dashboards/components/dashboard_index/TableRow.tsx index 7a871c713d..1216c7c2ad 100644 --- a/ui/src/dashboards/components/dashboard_index/TableRow.tsx +++ b/ui/src/dashboards/components/dashboard_index/TableRow.tsx @@ -98,6 +98,7 @@ export default class DashboardsIndexTableRow extends PureComponent { limitChildCount={4} className="index-list--labels" onEdit={this.handleEditLabels} + resourceName="this Dashboard" /> ) } @@ -107,6 +108,7 @@ export default class DashboardsIndexTableRow extends PureComponent { limitChildCount={4} className="index-list--labels" onEdit={this.handleEditLabels} + resourceName="this Dashboard" > {dashboard.labels.map(label => (