diff --git a/judo-ui-react/src/main/resources/actor/src/containers/widget-fragments/divider.hbs b/judo-ui-react/src/main/resources/actor/src/containers/widget-fragments/divider.hbs index 5641fef0..9b6a6e42 100644 --- a/judo-ui-react/src/main/resources/actor/src/containers/widget-fragments/divider.hbs +++ b/judo-ui-react/src/main/resources/actor/src/containers/widget-fragments/divider.hbs @@ -14,7 +14,9 @@ + {{# or child.icon child.label }} + {{/ or }} {{# if child.icon }} {{/ if }} @@ -23,7 +25,9 @@ { t('{{ getTranslationKeyForVisualElement child }}', { defaultValue: '{{ child.label }}' }) as string } {{/ if }} + {{# or child.icon child.label }} + {{/ or }} diff --git a/judo-ui-react/src/main/resources/actor/src/layout/Drawer/DrawerContent/Navigation/NavCollapse.tsx.hbs b/judo-ui-react/src/main/resources/actor/src/layout/Drawer/DrawerContent/Navigation/NavCollapse.tsx.hbs index cbb8c9e9..5b4eafe9 100644 --- a/judo-ui-react/src/main/resources/actor/src/layout/Drawer/DrawerContent/Navigation/NavCollapse.tsx.hbs +++ b/judo-ui-react/src/main/resources/actor/src/layout/Drawer/DrawerContent/Navigation/NavCollapse.tsx.hbs @@ -127,7 +127,7 @@ export const NavCollapse = ({ menu, level, parentId }: NavCollapseProps) => { {...(miniDrawer && { onMouseEnter: handleClick, onMouseLeave: handleClose })} onClick={handleClick} sx={ { - pl: !miniDrawer ? `${level * 24}px` : 1.5, + pl: !miniDrawer ? `${level * 1.5}rem` : 1.5, py: miniDrawer && level === 1 ? 1.25 : 1, '&:hover': { bgcolor: miniDrawer ? 'transparent' : theme.palette.mode === ThemeMode.DARK ? 'divider' : 'primary.lighter', diff --git a/judo-ui-react/src/main/resources/actor/src/layout/Drawer/DrawerContent/Navigation/NavItem.tsx.hbs b/judo-ui-react/src/main/resources/actor/src/layout/Drawer/DrawerContent/Navigation/NavItem.tsx.hbs index 353e95ae..2e37a925 100644 --- a/judo-ui-react/src/main/resources/actor/src/layout/Drawer/DrawerContent/Navigation/NavItem.tsx.hbs +++ b/judo-ui-react/src/main/resources/actor/src/layout/Drawer/DrawerContent/Navigation/NavItem.tsx.hbs @@ -81,7 +81,7 @@ export const NavItem = ({ item, level }: NavItemProps) => { disabled={item.disabled} sx={ { zIndex: 1201, - pl: !miniDrawer ? `${level * iconWidth}px` : borderRadius, + pl: !miniDrawer ? `${level * 1.5}rem` : borderRadius, py: miniDrawer && level === 1 ? 1.25 : 1, '&:hover': { bgcolor: theme.palette.mode === ThemeMode.DARK ? 'divider' : 'primary.lighter',