QRunIO/qqq-frontend-material-dashboard
2
0
Fork 0
mirror of https://github.com/Kingsrook/qqq-frontend-material-dashboard.git synced 2025-07-18 05:10:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Tim Chamberlain
2022-09-26 14:33:36 -05:00
parent 275f71f03a
commit 9fe87d2532
1 changed files with 25 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/qqq/components/Sidenav/styles/sidenavItem.ts
View File

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