diff --git a/public/app/features/dashboard/dashgrid/PanelEditor.tsx b/public/app/features/dashboard/dashgrid/PanelEditor.tsx index eef7431eec5..56067f67495 100644 --- a/public/app/features/dashboard/dashgrid/PanelEditor.tsx +++ b/public/app/features/dashboard/dashgrid/PanelEditor.tsx @@ -87,6 +87,9 @@ export class PanelEditor extends PureComponent { return (
+
+ +
{ //
//
diff --git a/public/sass/components/_panel_editor.scss b/public/sass/components/_panel_editor.scss index ba4f8af633f..2f92e736a58 100644 --- a/public/sass/components/_panel_editor.scss +++ b/public/sass/components/_panel_editor.scss @@ -40,6 +40,24 @@ box-shadow: $popover-shadow; } +.panel-editor__close { + @include buttonBackground($btn-inverse-bg, $btn-inverse-bg-hl); + position: absolute; + left: 11px; + top: 5px; + width: 40px; + height: 40px; + border-radius: 50%; + display: flex; + align-items: center; + + i { + flex-grow: 1; + text-align: center; + font-size: 20px; + } +} + .panel-editor__scroll { flex-grow: 1; min-width: 0;