fix(sidebar): restaurar diseño con colores por módulo

- nav-link.active: color-mix tintado, font-size 0.93rem, border 4px
- sidebar-section: 0.72rem base, 0.82rem cuando tiene subitem activo
- sb-group: fondo y borde tintados con --cat-color via color-mix

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Lizandro Guarnizo
2026-07-03 00:28:46 -05:00
co-authored by Claude Sonnet 4.6
parent fd95e7b38a
commit 4f686bd9ca
2 changed files with 16 additions and 7 deletions
+7 -1
View File
@@ -364,7 +364,13 @@ if (class_exists('ModuleRegistry', false)) {
.sidebar-section.collapsed .sb-chevron { transform: translateY(-50%) rotate(-90deg); }
/* Grupo colapsable */
.sb-group { overflow: hidden; transition: max-height .28s ease, opacity .2s ease; }
.sb-group {
overflow: hidden; transition: max-height .28s ease, opacity .2s ease;
background: color-mix(in srgb, var(--cat-color, transparent) 8%, transparent);
border-left: 2px solid color-mix(in srgb, var(--cat-color, transparent) 40%, transparent);
margin-left: 10px;
border-radius: 0 0 8px 8px;
}
.sb-group > ul { list-style: none; padding: 0 0 4px; margin: 0; }
.sb-group.collapsed { max-height: 0 !important; opacity: 0; pointer-events: none; }
</style>