public/grafana
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Chore/Nit: Fix minor alignment issue in panel editor (#40232)

Browse Source
This commit is contained in:
kay delaney
2021-10-11 10:46:21 +01:00
committed by GitHub
parent 5bf37d36e7
commit 78ebac0116
3 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/app/features/dashboard/components/PanelEditor/OptionsPaneOptions.tsx
+1
View File
@@ -173,6 +173,7 @@ const getStyles = (theme: GrafanaTheme2) => ({
padding: ${theme.spacing(1)}; padding: ${theme.spacing(1)};
background: ${theme.colors.background.primary}; background: ${theme.colors.background.primary};
border: 1px solid ${theme.components.panel.borderColor}; border: 1px solid ${theme.components.panel.borderColor};
border-top-left-radius: ${theme.shape.borderRadius(1.5)};
border-bottom: none; border-bottom: none;
`, `,
closeButton: css` closeButton: css`
public/app/features/dashboard/components/PanelEditor/PanelEditor.tsx
-1
View File
@@ -507,7 +507,6 @@ export const getStyles = stylesFactory((theme: GrafanaTheme, props: Props) => {
min-height: 0; min-height: 0;
width: 100%; width: 100%;
padding-left: ${paneSpacing}; padding-left: ${paneSpacing};
padding-right: 2px;
`, `,
tabsWrapper: css` tabsWrapper: css`
height: 100%; height: 100%;
public/app/features/dashboard/components/PanelEditor/PanelEditorTabs.tsx
+5 -2
View File
@@ -38,7 +38,7 @@ export const PanelEditorTabs: FC<PanelEditorTabsProps> = React.memo(({ panel, da
return ( return (
<div className={styles.wrapper}> <div className={styles.wrapper}>
<TabsBar className={styles.tabBar}> <TabsBar className={styles.tabBar} hideBorder>
{tabs.map((tab) => { {tabs.map((tab) => {
if (config.unifiedAlertingEnabled && tab.id === PanelEditorTabId.Alert) { if (config.unifiedAlertingEnabled && tab.id === PanelEditorTabId.Alert) {
return ( return (
@@ -107,7 +107,10 @@ const getStyles = (theme: GrafanaTheme2) => {
flex-grow: 1; flex-grow: 1;
min-height: 0; min-height: 0;
background: ${theme.colors.background.primary}; background: ${theme.colors.background.primary};
border-right: 1px solid ${theme.components.panel.borderColor}; border: 1px solid ${theme.components.panel.borderColor};
border-left: none;
border-bottom: none;
border-top-right-radius: ${theme.shape.borderRadius(1.5)};
`, `,
}; };
}; };