diff --git a/src/client/assets/styles/mobile_ux.css b/src/client/assets/styles/mobile_ux.css index aeb35cd..e47c3cc 100644 --- a/src/client/assets/styles/mobile_ux.css +++ b/src/client/assets/styles/mobile_ux.css @@ -570,3 +570,19 @@ body > .welcome-banner { order: -1; margin-top: 10px !important; } .oasis-bottombar .menu-toggle:checked ~ div.menu-sheet { background: var(--ux-bg) !important; bottom: calc(66px + env(safe-area-inset-bottom, 0px)); border-radius: 22px 22px 0 0 !important; border: 0 !important; border-top: 3px solid var(--ux-line) !important; } .oasis-bottombar div.menu-sheet-head { background: var(--ux-bg) !important; border: 0 !important; border-bottom: 2px solid var(--ux-line) !important; } .oasis-bottombar .menu-toggle:checked ~ .menu-sheet-backdrop { bottom: calc(66px + env(safe-area-inset-bottom, 0px)); } +/* en la hoja todo tiene que caber sin deslizar: cinco iconos por fila y mas pequeños + (con 20 modulos la rejilla del lanzador medía 1.200px para 690 de hoja) */ +.menu-sheet .launcher .ln-grid { display: grid !important; grid-template-columns: repeat(5, 1fr) !important; gap: 8px 2px !important; } +.menu-sheet .launcher .ln-app { min-width: 0 !important; padding: 0 !important; gap: 4px !important; } +.menu-sheet .launcher .ln-ico.has-svg { width: 48px !important; height: 48px !important; padding: 11px !important; box-shadow: 0 3px 0 var(--ux-line) !important; } +.menu-sheet .launcher .ln-lbl { font-size: 11px !important; line-height: 1.1 !important; } +.menu-sheet .launcher .ln-title { font-size: 15px !important; margin: 0 0 6px !important; padding: 0 0 2px !important; border-bottom-width: 2px !important; } +.menu-sheet .launcher .ln-group + .ln-group { margin-top: 10px !important; } +/* con el menu abierto, solo Menu lleva la pastilla */ +.oasis-bottombar .menu-toggle:checked ~ a.bb-item.current .bb-ico.has-svg { background: transparent !important; color: var(--ux-fg) !important; } +/* los grupos de uno o dos modulos (Biblioteca, Oficina, Gobernanza...) van de dos en + dos, uno al lado del otro; los grandes ocupan el ancho */ +.menu-sheet nav.launcher { display: grid !important; grid-template-columns: 1fr 1fr; column-gap: 14px; row-gap: 10px; } +.menu-sheet .launcher .ln-group, .menu-sheet .launcher .ln-group + .ln-group { margin: 0 !important; min-width: 0; } +.menu-sheet .launcher .ln-group:has(.ln-app:nth-child(3)) { grid-column: 1 / -1; } +.menu-sheet .launcher .ln-group:not(:has(.ln-app:nth-child(3))) .ln-grid { grid-template-columns: 1fr 1fr !important; }