From 98826143a80cdb1b2c25ef960925e0cd2de28a8a Mon Sep 17 00:00:00 2001 From: Sebastian Krupinski Date: Sun, 26 Jul 2026 20:32:46 -0400 Subject: [PATCH] fix: sub menu spacing Signed-off-by: Sebastian Krupinski --- core/src/layouts/menus/LayoutSystemMenu.vue | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/core/src/layouts/menus/LayoutSystemMenu.vue b/core/src/layouts/menus/LayoutSystemMenu.vue index 68ce5b1..86f4343 100644 --- a/core/src/layouts/menus/LayoutSystemMenu.vue +++ b/core/src/layouts/menus/LayoutSystemMenu.vue @@ -134,4 +134,22 @@ export default { .leftSidebar.v-navigation-drawer--rail:not(.v-navigation-drawer--is-hovering) .menu-mode-btn:not(.menu-mode-btn--active) { display: none; } + +/* Sub-menu items: Vuetify's default group indent (prepend width + indent + size) stacks up to ~72px; bring it back down closer to top-level items */ +.scrollnavbar :deep(.v-list-group__items .v-list-item) { + padding-inline-start: 40px; +} + +/* Collapsed rail (not hovering): sub-items have no room to show icon or + text, so they render as an empty highlighted bar when active. Hide the + expanded group entirely and highlight the parent icon instead. */ +.leftSidebar.v-navigation-drawer--rail:not(.v-navigation-drawer--is-hovering) :deep(.v-list-group__items) { + display: none; +} + +.leftSidebar.v-navigation-drawer--rail:not(.v-navigation-drawer--is-hovering) + :deep(.v-list-group:has(.v-list-item--active) > .v-list-item.v-list-group__header) { + color: rgb(var(--v-theme-primary)); +}