diff --git a/packages/ui/.loki/reference/chrome_minimal_App_Header_Default.png b/packages/ui/.loki/reference/chrome_minimal_App_Header_Default.png index de8389ae..5142b9da 100644 Binary files a/packages/ui/.loki/reference/chrome_minimal_App_Header_Default.png and b/packages/ui/.loki/reference/chrome_minimal_App_Header_Default.png differ diff --git a/packages/ui/.loki/reference/chrome_minimal_App_Header_Disabled_Select_Cluster.png b/packages/ui/.loki/reference/chrome_minimal_App_Header_Disabled_Select_Cluster.png index 7fda5708..bad14772 100644 Binary files a/packages/ui/.loki/reference/chrome_minimal_App_Header_Disabled_Select_Cluster.png and b/packages/ui/.loki/reference/chrome_minimal_App_Header_Disabled_Select_Cluster.png differ diff --git a/packages/ui/.loki/reference/chrome_minimal_App_Header_With_Badge.png b/packages/ui/.loki/reference/chrome_minimal_App_Header_With_Badge.png index fdb6acee..095b90d4 100644 Binary files a/packages/ui/.loki/reference/chrome_minimal_App_Header_With_Badge.png and b/packages/ui/.loki/reference/chrome_minimal_App_Header_With_Badge.png differ diff --git a/packages/ui/.loki/reference/chrome_minimal_App_Header_Without_Menu.png b/packages/ui/.loki/reference/chrome_minimal_App_Header_Without_Menu.png index 2569f523..5e330c53 100644 Binary files a/packages/ui/.loki/reference/chrome_minimal_App_Header_Without_Menu.png and b/packages/ui/.loki/reference/chrome_minimal_App_Header_Without_Menu.png differ diff --git a/packages/ui/.loki/reference/chrome_minimal_App_Header_Without_Select_Cluster.png b/packages/ui/.loki/reference/chrome_minimal_App_Header_Without_Select_Cluster.png index 99b36172..3bb90cb9 100644 Binary files a/packages/ui/.loki/reference/chrome_minimal_App_Header_Without_Select_Cluster.png and b/packages/ui/.loki/reference/chrome_minimal_App_Header_Without_Select_Cluster.png differ diff --git a/packages/ui/.loki/reference/chrome_minimal_App_Sidebar_Collapsed.png b/packages/ui/.loki/reference/chrome_minimal_App_Sidebar_Collapsed.png index d5870ab0..c8f68676 100644 Binary files a/packages/ui/.loki/reference/chrome_minimal_App_Sidebar_Collapsed.png and b/packages/ui/.loki/reference/chrome_minimal_App_Sidebar_Collapsed.png differ diff --git a/packages/ui/.loki/reference/chrome_minimal_App_Sidebar_Collapsed_With_Scroll.png b/packages/ui/.loki/reference/chrome_minimal_App_Sidebar_Collapsed_With_Scroll.png index d00cde92..a4604864 100644 Binary files a/packages/ui/.loki/reference/chrome_minimal_App_Sidebar_Collapsed_With_Scroll.png and b/packages/ui/.loki/reference/chrome_minimal_App_Sidebar_Collapsed_With_Scroll.png differ diff --git a/packages/ui/.loki/reference/chrome_minimal_App_Sidebar_Default.png b/packages/ui/.loki/reference/chrome_minimal_App_Sidebar_Default.png index 1c7bfdbd..89731a43 100644 Binary files a/packages/ui/.loki/reference/chrome_minimal_App_Sidebar_Default.png and b/packages/ui/.loki/reference/chrome_minimal_App_Sidebar_Default.png differ diff --git a/packages/ui/.loki/reference/chrome_minimal_App_Sidebar_With_Scroll.png b/packages/ui/.loki/reference/chrome_minimal_App_Sidebar_With_Scroll.png index c3572d16..a8ff5ac6 100644 Binary files a/packages/ui/.loki/reference/chrome_minimal_App_Sidebar_With_Scroll.png and b/packages/ui/.loki/reference/chrome_minimal_App_Sidebar_With_Scroll.png differ diff --git a/packages/ui/src/AppHeader/AppHeader.module.scss b/packages/ui/src/AppHeader/AppHeader.module.scss index 41fc70a0..1f66d7d8 100644 --- a/packages/ui/src/AppHeader/AppHeader.module.scss +++ b/packages/ui/src/AppHeader/AppHeader.module.scss @@ -8,11 +8,12 @@ height: 59px; box-sizing: border-box; flex-direction: row; + font-size: c.$fontSizeBodySmall; width: 100%; padding: 0 c.$grid * 5; overflow-x: auto; flex-shrink: 0; - gap: c.$grid * 5; + gap: c.$grid * 7.5; } .name { diff --git a/packages/ui/src/AppHeader/AppHeaderLogo/AppHeaderLogo.module.scss b/packages/ui/src/AppHeader/AppHeaderLogo/AppHeaderLogo.module.scss index 3ff396e3..b71156df 100644 --- a/packages/ui/src/AppHeader/AppHeaderLogo/AppHeaderLogo.module.scss +++ b/packages/ui/src/AppHeader/AppHeaderLogo/AppHeaderLogo.module.scss @@ -5,7 +5,7 @@ display: flex; justify-content: center; align-items: center; - height: 17px; + height: 20px; overflow: hidden; .link { diff --git a/packages/ui/src/AppHeader/AppHeaderLogo/AppHeaderLogo.tsx b/packages/ui/src/AppHeader/AppHeaderLogo/AppHeaderLogo.tsx index 4491c4cc..294aa14e 100644 --- a/packages/ui/src/AppHeader/AppHeaderLogo/AppHeaderLogo.tsx +++ b/packages/ui/src/AppHeader/AppHeaderLogo/AppHeaderLogo.tsx @@ -20,7 +20,7 @@ export const AppHeaderLogo = ({ imgProps, wrapperProps, LinkComponent }: AppHead Home diff --git a/packages/ui/src/AppHeader/AppHeaderMenu/AppHeaderMenu.tsx b/packages/ui/src/AppHeader/AppHeaderMenu/AppHeaderMenu.tsx index 54e80f6a..b91d7259 100644 --- a/packages/ui/src/AppHeader/AppHeaderMenu/AppHeaderMenu.tsx +++ b/packages/ui/src/AppHeader/AppHeaderMenu/AppHeaderMenu.tsx @@ -22,6 +22,7 @@ export const AppHeaderMenu = ({ children }: AppHeaderMenuProps) => { color="light" iconSize="medium" onClick={toggle} + capitalize={false} iconRight={MenuIcon} ref={setAnchorElement} data-test="app-header-menu-toggle" diff --git a/packages/ui/src/AppSidebar/AppSidebar.module.scss b/packages/ui/src/AppSidebar/AppSidebar.module.scss index 25c9ea10..d2cbe62b 100644 --- a/packages/ui/src/AppSidebar/AppSidebar.module.scss +++ b/packages/ui/src/AppSidebar/AppSidebar.module.scss @@ -49,7 +49,7 @@ $offset: c.$grid * 4; margin-top: auto; word-break: break-all; padding: 0 c.$grid * 4 c.$grid * 2.5; - font-size: c.$fontSizeBodySmall; + font-size: c.$fontSizeBodySmaller; } &.collapsed {