SideMenu temp fonts

linode · Jan 6, 2025 · db22698 · db22698
1 parent 9464acf
commit db22698
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/packages/manager/src/components/PrimaryNav/PrimaryNav.styles.ts b/packages/manager/src/components/PrimaryNav/PrimaryNav.styles.ts
@@ -99,7 +99,9 @@ export const StyledPrimaryLinkBox = styled(Box, {
     ? theme.tokens.sideNavigation.SelectedMenuItem.Text
     : theme.tokens.sideNavigation.DefaultMenuItem.Text,
   display: 'flex',
-  font: theme.tokens.typography.Label.Semibold.S,
+  // TODO: Enable token once we have imported Nunito
+  // font: theme.tokens.typography.Label.Semibold.S,
+  fontFamily: 'LatoWeb',
   justifyContent: 'space-between',
   transition: theme.transitions.create(['color', 'opacity']),
   width: '100%',
@@ -149,7 +151,9 @@ export const StyledAccordion = styled(Accordion, {
       },
       alignItems: 'center',
       display: 'flex',
-      font: theme.tokens.typography.Label.Bold.S,
+      // TODO: Enable token once we have imported Nunito
+      // font: theme.tokens.typography.Label.Bold.S,
+      fontFamily: 'LatoWebBold',
       padding: '0 10px',
     },
     '.MuiAccordionDetails-root': {

diff --git a/packages/manager/src/components/PrimaryNav/SideMenu.tsx b/packages/manager/src/components/PrimaryNav/SideMenu.tsx
@@ -89,7 +89,7 @@ const StyledDrawer = styled(Drawer, {
       borderRight: `1px solid ${theme.tokens.sideNavigation.Border}`,
     },
     transform: 'none',
-    transition: 'width linear .1s',
+    transition: 'width linear 100ms, height linear 250ms',
     width: SIDEBAR_WIDTH,
   },
   ...(props.collapse && {