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

style(sidebar): centrar labels de categoría y resaltar categoría activa con borde+fondo

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Lizandro Guarnizo
2026-06-24 08:04:34 -05:00
co-authored by Claude Sonnet 4.6
parent 841acf9a85
commit 4a130c22cf
1 changed files with 21 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
shared/components/sidebar.php
+21 -8
View File
@@ -316,23 +316,36 @@ if (class_exists('ModuleRegistry', false)) {
/* ── Acordeón de categorías ─────────────────────────── */ /* ── Acordeón de categorías ─────────────────────────── */
.sidebar-section { .sidebar-section {
position: relative;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: center;
cursor: pointer; cursor: pointer;
user-select: none; user-select: none;
padding: 8px 16px 6px; padding: 8px 28px 6px;
margin-top: 6px; margin-top: 6px;
border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0;
transition: background .15s; transition: background .15s, border-color .15s;
border-left: 3px solid transparent;
font-size: .72rem;
font-weight: 700;
letter-spacing: .05em;
text-transform: uppercase;
color: rgba(255,255,255,.65);
} }
.sidebar-section:hover { background: rgba(255,255,255,.08); } .sidebar-section:hover { background: rgba(255,255,255,.08); color: rgba(255,255,255,.9); }
.sidebar-section .sb-cat-label { display:flex; align-items:center; gap:4px; } .sidebar-section.has-active {
border-left-color: rgba(255,255,255,.7);
background: rgba(255,255,255,.1);
color: #fff;
}
.sidebar-section .sb-cat-label { display:flex; align-items:center; gap:5px; }
.sb-chevron { .sb-chevron {
font-size: .65rem; position: absolute;
opacity: .7; right: 12px;
font-size: .6rem;
opacity: .6;
transition: transform .25s ease; transition: transform .25s ease;
flex-shrink: 0;
} }
.sidebar-section.collapsed .sb-chevron { transform: rotate(-90deg); } .sidebar-section.collapsed .sb-chevron { transform: rotate(-90deg); }