Nodarx/server
1
0
Fork 0
Code Issues 1 Pull Requests 5 Actions Projects Releases Activity

fix: sub menu spacing

Browse Source 
Signed-off-by: Sebastian Krupinski <krupinski01@gmail.com>
This commit is contained in:
Sebastian Krupinski
2026-07-26 20:32:46 -04:00
parent e47d0ed619
commit 98826143a8
1 changed files with 18 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
core/src/layouts/menus/LayoutSystemMenu.vue
+18
View File
@@ -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));
}
</style>