third-party-mirrors/navidrome
1
0
Fork 0
mirror of https://github.com/navidrome/navidrome.git synced 2025-04-19 13:27:42 +03:00
Code Issues Packages Projects Releases Wiki Activity

Fix menu items highlight

Browse Source
This commit is contained in:
Deluan 2021-09-10 16:17:08 -04:00
parent 06b1a1a25c
commit dc0ec32dbf
2 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
ui/src/layout/Menu.js
View File

@ -21,7 +21,7 @@ const useStyles = makeStyles((theme) => ({
}),
},
open: {
width: 200,
width: 240,
},
closed: {
width: 55,
@ -44,7 +44,7 @@ const translatedResourceName = (resource, translate) =>
: inflection.humanize(inflection.pluralize(resource.name)),
})
const Menu = ({ onMenuClick, dense }) => {
const Menu = ({ dense = false }) => {
const open = useSelector((state) => state.admin.ui.sidebarOpen)
const translate = useTranslate()
const classes = useStyles()
@ -68,7 +68,6 @@ const Menu = ({ onMenuClick, dense }) => {
activeClassName={classes.active}
primaryText={translatedResourceName(resource, translate)}
leftIcon={resource.icon || <ViewListIcon />}
onClick={onMenuClick}
sidebarIsOpen={open}
dense={dense}
/>
@ -93,7 +92,6 @@ const Menu = ({ onMenuClick, dense }) => {
activeClassName={classes.active}
primaryText={name}
leftIcon={al.icon || <ViewListIcon />}
onClick={onMenuClick}
sidebarIsOpen={open}
dense={dense}
exact

12
ui/src/layout/SubMenu.js
View File

@ -14,12 +14,16 @@ const useStyles = makeStyles(
(theme) => ({
icon: { minWidth: theme.spacing(5) },
sidebarIsOpen: {
paddingLeft: 25,
transition: 'padding-left 195ms cubic-bezier(0.4, 0, 0.6, 1) 0ms',
'& a': {
transition: 'padding-left 195ms cubic-bezier(0.4, 0, 0.6, 1) 0ms',
paddingLeft: theme.spacing(4),
},
},
sidebarIsClosed: {
paddingLeft: 0,
transition: 'padding-left 195ms cubic-bezier(0.4, 0, 0.6, 1) 0ms',
'& a': {
transition: 'padding-left 195ms cubic-bezier(0.4, 0, 0.6, 1) 0ms',
paddingLeft: theme.spacing(2),
},
},
}),
{