NewPanelEditor: Fix visualisation list badge verflow (#23936)

410e2a8c · Dominik Prokop · GitHub · 1c750169 · 410e2a8c
Commit 410e2a8c authored Apr 27, 2020 by Dominik Prokop Committed by GitHub Apr 27, 2020
Hide whitespace changes
Inline Side-by-side

Showing with 2 additions and 1 deletions

public/app/features/dashboard/panel_editor/VizTypePickerPlugin.tsx
+2 -1

No files found.
--- a/public/app/features/dashboard/panel_editor/VizTypePickerPlugin.tsx
+++ b/public/app/features/dashboard/panel_editor/VizTypePickerPlugin.tsx
@@ -72,7 +72,6 @@ const getStyles = stylesFactory((theme: GrafanaTheme) => {
      padding-bottom: 6px;
      height: 100px;
      width: 100%;
-      max-width: 200px;
      position: relative;

      &:hover {
@@ -85,6 +84,7 @@ const getStyles = stylesFactory((theme: GrafanaTheme) => {
    itemContent: css`
      position: relative;
      z-index: 1;
+      width: 100%;
    `,
    current: css`
      label: currentVisualizationItem;
@@ -120,6 +120,7 @@ const getStyles = stylesFactory((theme: GrafanaTheme) => {
      position: absolute;
      bottom: ${theme.spacing.xs};
      right: ${theme.spacing.xs};
+      z-index: 1;
    `,
  };
 });