From 062d49c36745e554ab8459cb547e7581be892c49 Mon Sep 17 00:00:00 2001 From: hacklab Date: Mon, 19 Oct 2026 14:26:02 +0200 Subject: [PATCH] menu: todos los modulos caben en la hoja sin deslizar MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit En el emulador la hoja dejaba ver 690px y la rejilla medía 1.200: Tribus quedaba fuera y hacia falta deslizar. Dentro de la hoja: cinco iconos por fila y mas pequeños, y los grupos de uno o dos modulos de dos en dos. Ahora caben los 20 del workflow acampada a 412 y a 360px. Con el menu abierto solo la pestaña Menu lleva la pastilla. --- src/client/assets/styles/mobile_ux.css | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) 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; }