IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-14 09:33:34 -06:00
Code Issues Packages Projects Releases Wiki Activity

wrap icons in a div to ensure they're centred (#47136)

Browse Source
This commit is contained in:
Ashley Harrison 2022-04-01 11:27:46 +01:00 committed by GitHub
parent 7ae72e1195
commit 4958f932aa
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
public/app/core/components/NavBar/Next/NavBarMenu.tsx
View File

@ -135,10 +135,12 @@ function NavItem({
isActive={link === activeItem}
>
<div className={styles.savedItemsMenuItemWrapper}>
{link.img && (
<img src={link.img} alt={`${link.text} logo`} height="24" width="24" style={{ borderRadius: '50%' }} />
)}
{link.icon && <Icon name={link.icon as IconName} size="xl" />}
<div className={styles.iconContainer}>
{link.icon && <Icon name={link.icon as IconName} size="xl" />}
{link.img && (
<img src={link.img} alt={`${link.text} logo`} height="24" width="24" style={{ borderRadius: '50%' }} />
)}
</div>
<span className={styles.linkText}>{link.text}</span>
</div>
</NavBarItemWithoutMenu>
@ -177,6 +179,9 @@ const getNavItemStyles = (theme: GrafanaTheme2) => ({
fullWidth: css({
width: '100%',
}),
iconContainer: css({
placeContent: 'center',
}),
savedItemsMenuItemWrapper: css({
display: 'grid',
gridAutoFlow: 'column',