From 1b47b60c5b47e94901220c7410bae8eac93caa9c Mon Sep 17 00:00:00 2001 From: josedario87 Date: Tue, 28 Oct 2025 17:40:40 -0600 Subject: [PATCH] =?UTF-8?q?Fix:=20Corregir=20reglas=20CSS=20de=20colapsar?= =?UTF-8?q?=20en=20m=C3=B3vil?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Mover reglas de grid de 52px a media query desktop-only - Evitar que reglas de desktop sobrescriban comportamiento móvil - Soluciona contenedores cortados en vista móvil --- frontend/src/styles.css | 11 +++++------ 1 file changed, 5 insertions(+), 6 deletions(-) diff --git a/frontend/src/styles.css b/frontend/src/styles.css index 16c97fc..c4c9503 100644 --- a/frontend/src/styles.css +++ b/frontend/src/styles.css @@ -126,12 +126,11 @@ a { color: inherit; } /* When a panel is collapsed, hide its scroll and shrink its grid track to show only header */ .panel.collapsed .scroll { display: none; } -/* Using :has to adapt the grid columns when a side is collapsed (modern browsers) */ -.shell:has(> aside.collapsed) { grid-template-columns: 52px 1fr; } -.shell:has(> main.collapsed) { grid-template-columns: 1fr 52px; } - -/* Collapse helpers: keep headers visible when collapsed */ -.panel.collapsed .scroll { display: none; } +/* Desktop-only: Using :has to adapt the grid columns when a side is collapsed (modern browsers) */ +@media (min-width: 981px) { + .shell:has(> aside.collapsed) { grid-template-columns: 52px 1fr; } + .shell:has(> main.collapsed) { grid-template-columns: 1fr 52px; } +} /* Modal */ .modal-backdrop { position: fixed; inset: 0; background: rgba(0,0,0,.35); backdrop-filter: blur(4px); display: grid; place-items: center; z-index: 20; animation: fadeIn .15s ease;