nucleo000/radiusNucleo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix: Corregir reglas CSS de colapsar en móvil
All checks were successful
build-and-deploy / build-and-deploy (push) Successful in 26s
Details

Browse Source 
- 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
This commit is contained in:
josedario87
2025-10-28 17:40:40 -06:00
parent 0fdcc56f90
commit 1b47b60c5b
1 changed files with 5 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/src/styles.css
View File

@@ -126,12 +126,11 @@ a { color: inherit; }
/* When a panel is collapsed, hide its scroll and shrink its grid track to show only header */ /* When a panel is collapsed, hide its scroll and shrink its grid track to show only header */
.panel.collapsed .scroll { display: none; } .panel.collapsed .scroll { display: none; }
/* Using :has to adapt the grid columns when a side is collapsed (modern browsers) */ /* 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(> aside.collapsed) { grid-template-columns: 52px 1fr; }
.shell:has(> main.collapsed) { grid-template-columns: 1fr 52px; } .shell:has(> main.collapsed) { grid-template-columns: 1fr 52px; }
}
/* Collapse helpers: keep headers visible when collapsed */
.panel.collapsed .scroll { display: none; }
/* Modal */ /* 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; .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;