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

This commit is contained in:
kay delaney 2021-10-11 10:46:21 +01:00 committed by GitHub
parent 5bf37d36e7
commit 78ebac0116
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 6 additions and 3 deletions

View File

@ -173,6 +173,7 @@ const getStyles = (theme: GrafanaTheme2) => ({
padding: ${theme.spacing(1)};
background: ${theme.colors.background.primary};
border: 1px solid ${theme.components.panel.borderColor};
border-top-left-radius: ${theme.shape.borderRadius(1.5)};
border-bottom: none;
`,
closeButton: css`

View File

@ -507,7 +507,6 @@ export const getStyles = stylesFactory((theme: GrafanaTheme, props: Props) => {
min-height: 0;
width: 100%;
padding-left: ${paneSpacing};
padding-right: 2px;
`,
tabsWrapper: css`
height: 100%;

View File

@ -38,7 +38,7 @@ export const PanelEditorTabs: FC<PanelEditorTabsProps> = React.memo(({ panel, da
return (
<div className={styles.wrapper}>
<TabsBar className={styles.tabBar}>
<TabsBar className={styles.tabBar} hideBorder>
{tabs.map((tab) => {
if (config.unifiedAlertingEnabled && tab.id === PanelEditorTabId.Alert) {
return (
@ -107,7 +107,10 @@ const getStyles = (theme: GrafanaTheme2) => {
flex-grow: 1;
min-height: 0;
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)};
`,
};
};