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

fix(sidebar): centrar label con display:block+text-align:center, chevron absolute

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Lizandro Guarnizo
2026-06-24 08:09:15 -05:00
co-authored by Claude Sonnet 4.6
parent 4a130c22cf
commit 3a66576ff8
1 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
shared/components/sidebar.php
+7 -6
View File
@@ -317,12 +317,11 @@ if (class_exists('ModuleRegistry', false)) {
/* ── Acordeón de categorías ─────────────────────────── */ /* ── Acordeón de categorías ─────────────────────────── */
.sidebar-section { .sidebar-section {
position: relative; position: relative;
display: flex; display: block;
align-items: center; text-align: center;
justify-content: center;
cursor: pointer; cursor: pointer;
user-select: none; user-select: none;
padding: 8px 28px 6px; padding: 8px 30px 6px;
margin-top: 6px; margin-top: 6px;
border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0;
transition: background .15s, border-color .15s; transition: background .15s, border-color .15s;
@@ -339,15 +338,17 @@ if (class_exists('ModuleRegistry', false)) {
background: rgba(255,255,255,.1); background: rgba(255,255,255,.1);
color: #fff; color: #fff;
} }
.sidebar-section .sb-cat-label { display:flex; align-items:center; gap:5px; } .sidebar-section .sb-cat-label { display:inline-flex; align-items:center; gap:5px; }
.sb-chevron { .sb-chevron {
position: absolute; position: absolute;
right: 12px; right: 12px;
top: 50%;
transform: translateY(-50%);
font-size: .6rem; font-size: .6rem;
opacity: .6; opacity: .6;
transition: transform .25s ease; transition: transform .25s ease;
} }
.sidebar-section.collapsed .sb-chevron { transform: rotate(-90deg); } .sidebar-section.collapsed .sb-chevron { transform: translateY(-50%) rotate(-90deg); }
/* Grupo colapsable */ /* 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; }