Merge pull request #175 from savindi7/chore-update-font-size-navbar

chore(react): update font size of Navbar sub item
wso2 · Oct 26, 2023 · 486d821 · 486d821
2 parents b0ca83b + a40789d
commit 486d821
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 7 deletions.
diff --git a/packages/react/src/components/CollapsibleNavbarItem/CollapsibleNavbarItem.tsx b/packages/react/src/components/CollapsibleNavbarItem/CollapsibleNavbarItem.tsx
@@ -109,7 +109,7 @@ const CollapsibleNavbarItem: ForwardRefExoticComponent<CollapsibleNavbarItemProp
                     {...otherSubItemProps}
                   >
                     <ListItemIcon>{subItemIcon}</ListItemIcon>
-                    <ListItemText secondary={subItemName} />
+                    <ListItemText primary={subItemName} />
                     {open && subItemTag ? (
                       <Chip
                         label={subItemTag}

diff --git a/packages/react/src/components/CollapsibleNavbarItem/collapsible-navbar-item.scss b/packages/react/src/components/CollapsibleNavbarItem/collapsible-navbar-item.scss
@@ -99,7 +99,8 @@
   .oxygen-list-sub-item-button {
     border-radius: 0;
     transition: all 0.2s;
-    padding: 6px 14px;
+    padding: 6px 12px;
+    color: var(--oxygen-palette-secondary-contrastText);
 
     &:last-child {
       border-bottom-left-radius: var(--oxygen-shape-borderRadius);
@@ -109,10 +110,6 @@
     .oxygen-list-item-icon {
       min-width: 0;
       padding: 0 1px;
-
-      svg {
-        width: 12px;
-      }
     }
 
     .oxygen-list-item-text {
@@ -163,7 +160,7 @@
     .oxygen-list-sub-item-button {
       justify-content: initial;
       transition: all 0.2s;
-      padding-left: 30px;
+      padding-left: 40px;
 
       .oxygen-list-item-icon {
         margin-right: 10px;