SPRINT-12: removed single letter in navbar on child links

This commit is contained in:
Tim Chamberlain
2022-09-26 14:33:36 -05:00
parent 275f71f03a
commit 9fe87d2532

View File

@ -43,7 +43,7 @@ function item(theme: Theme | any, ownerState: any)
if (
(active === "isParent" && !transparentSidenav && !whiteSidenav) ||
(active === "isParent" && transparentSidenav && darkMode)
(active === "isParent" && transparentSidenav && darkMode)
)
{
backgroundValue = rgba(white.main, 0.2);
@ -70,8 +70,8 @@ function item(theme: Theme | any, ownerState: any)
"&:hover, &:focus": {
backgroundColor:
!active &&
rgba((transparentSidenav && !darkMode) || whiteSidenav ? grey[400] : white.main, 0.2),
!active &&
rgba((transparentSidenav && !darkMode) || whiteSidenav ? grey[400] : white.main, 0.2),
},
};
}
@ -97,9 +97,9 @@ function itemContent(theme: Theme, ownerState: any)
"& span": {
color:
((transparentSidenav && !darkMode) || whiteSidenav) && (active === "isParent" || !active)
? dark.main
: white.main,
((transparentSidenav && !darkMode) || whiteSidenav) && (active === "isParent" || !active)
? dark.main
: white.main,
fontWeight: active ? fontWeightRegular : fontWeightLight,
fontSize: size.sm,
opacity: miniSidenav ? 0 : 1,
@ -110,11 +110,10 @@ function itemContent(theme: Theme, ownerState: any)
},
"&::before": {
content: `"${name[0]}"`,
color:
((transparentSidenav && !darkMode) || whiteSidenav) && (active === "isParent" || !active)
? dark.main
: white.main,
((transparentSidenav && !darkMode) || whiteSidenav) && (active === "isParent" || !active)
? dark.main
: white.main,
fontWeight: fontWeightRegular,
display: "flex",
alignItems: "center",
@ -133,7 +132,7 @@ function itemArrow(theme: Theme, ownerState: any)
{
const {palette, typography, transitions, breakpoints, functions} = theme;
const {noCollapse, transparentSidenav, whiteSidenav, miniSidenav, open, active, darkMode} =
ownerState;
ownerState;
const {white, dark} = palette;
const {size} = typography;
@ -170,9 +169,9 @@ function itemArrow(theme: Theme, ownerState: any)
[breakpoints.up("xl")]: {
display:
noCollapse || (transparentSidenav && miniSidenav) || miniSidenav
? "none !important"
: "block !important",
noCollapse || (transparentSidenav && miniSidenav) || miniSidenav
? "none !important"
: "block !important",
},
};
}