IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Navigation: Increase navigation width + make icons a consistent size (#39959)

Browse Source 
* Navigation: Increase navigation width + make icons a consistent size

* Navigation: Move style to only apply to headers
This commit is contained in:
Ashley Harrison 2021-10-04 16:18:17 +01:00 committed by GitHub
parent 991b5fee3d
commit a3783a4eb7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/grafana-data/src/themes/createComponents.ts
View File

@ -80,7 +80,7 @@ export function createComponents(colors: ThemeColors, shadows: ThemeShadows): Th
background: colors.mode === 'dark' ? 'rgba(0, 0, 0, 0.45)' : 'rgba(208, 209, 211, 0.24)',
},
sidemenu: {
width: 44,
width: 48,
},
};
}

1
public/app/core/components/NavBar/NavBarDropdown.tsx
View File

@ -75,6 +75,7 @@ const getStyles = (
return {
header: css`
align-items: center;
background-color: ${theme.colors.background.secondary};
border: none;
color: ${theme.colors.text.primary};

4
public/app/core/components/NavBar/NavBarItem.tsx
View File

@ -152,8 +152,8 @@ const getStyles = (theme: GrafanaTheme2, isActive: Props['isActive']) => ({
img {
border-radius: 50%;
height: 28px;
width: 28px;
height: 24px;
width: 24px;
}
`,
});