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; }