diff --git a/packages/grafana-ui/src/themes/GlobalStyles/dashboardGrid.ts b/packages/grafana-ui/src/themes/GlobalStyles/dashboardGrid.ts index 2e4ef8924de..1f6b410404d 100644 --- a/packages/grafana-ui/src/themes/GlobalStyles/dashboardGrid.ts +++ b/packages/grafana-ui/src/themes/GlobalStyles/dashboardGrid.ts @@ -71,7 +71,7 @@ export function getDashboardGridStyles(theme: GrafanaTheme2) { '.dashboard-selected-element': { outline: `2px dashed ${theme.colors.primary.border}`, outlineOffset: '0px', - borderRadius: '2px', + borderRadius: theme.shape.radius.default, }, }); } diff --git a/public/app/features/dashboard-scene/scene/layout-rows/RowItemRenderer.tsx b/public/app/features/dashboard-scene/scene/layout-rows/RowItemRenderer.tsx index 2e170df5dcd..80e6026c7a8 100644 --- a/public/app/features/dashboard-scene/scene/layout-rows/RowItemRenderer.tsx +++ b/public/app/features/dashboard-scene/scene/layout-rows/RowItemRenderer.tsx @@ -115,6 +115,7 @@ function getStyles(theme: GrafanaTheme2) { checkboxWrapper: css({ display: 'flex', alignItems: 'center', + paddingLeft: theme.spacing(1), }), }; } diff --git a/public/app/features/dashboard-scene/scene/layout-tabs/TabItemRenderer.tsx b/public/app/features/dashboard-scene/scene/layout-tabs/TabItemRenderer.tsx index 33e7386a7c6..30f4fa4e13a 100644 --- a/public/app/features/dashboard-scene/scene/layout-tabs/TabItemRenderer.tsx +++ b/public/app/features/dashboard-scene/scene/layout-tabs/TabItemRenderer.tsx @@ -14,7 +14,7 @@ export function TabItemRenderer({ model }: SceneComponentProps) { const parentLayout = model.getParentLayout(); const { tabs, currentTabIndex } = parentLayout.useState(); const titleInterpolated = sceneGraph.interpolate(model, title, undefined, 'text'); - const { isSelected, onSelect } = useElementSelection(key); + const { isSelected, onSelect, isSelectable } = useElementSelection(key); const myIndex = tabs.findIndex((tab) => tab === model); const isActive = myIndex === currentTabIndex; const location = useLocation(); @@ -25,9 +25,11 @@ export function TabItemRenderer({ model }: SceneComponentProps) { return ( <>
- - - + {isSelectable && ( +
+ +
+ )}
- {tabs.map((tab, idx) => ( + {tabs.map((tab) => ( - {isEditing && idx > 0 && } ))}