usite-sas-bic/whatsapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
- 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
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/styles.css
+9 -6
View File
@@ -133,11 +133,12 @@ body {
.sidebar-menu .nav-link.active {
color: var(--cat-color, var(--brand-dark, #0d47a1));
background: rgba(255, 255, 255, 0.95);
font-weight: 600;
background: color-mix(in srgb, var(--cat-color, #fff) 10%, #fff);
font-weight: 700;
font-size: 0.93rem;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
transform: translateX(3px);
border-left: 3px solid var(--cat-color, var(--brand, #1565c0));
transform: translateX(4px);
border-left: 4px solid var(--cat-color, var(--brand, #1565c0));
}
.sidebar-menu .nav-link i {
@@ -152,11 +153,11 @@ body {
.sidebar-menu li.sidebar-section {
border-bottom: none;
padding: 10px 30px 6px;
font-size: 0.65rem;
font-size: 0.72rem;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.12em;
color: rgba(255, 255, 255, 0.55);
color: rgba(255, 255, 255, 0.65);
pointer-events: auto;
cursor: pointer;
display: block;
@@ -173,6 +174,8 @@ body {
border-left-color: var(--cat-color, rgba(255,255,255,.7));
background: rgba(255,255,255,.1);
color: #fff;
font-size: 0.82rem;
letter-spacing: 0.06em;
}
.sidebar-menu li.sidebar-section .sb-cat-label { display:inline-flex; align-items:center; gap:4px; }
.sidebar-menu li.sidebar-section::after { display: none; }
shared/components/sidebar.php
+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>