skin Activista, colores en todo y barra de unirse a un pub
Skin: uno solo en el movil, Activista, lo mas simple posible: letra del sistema, titulos en negrita sin mayusculas, bordes de 1px, sin sombras ni botones que se hunden; el principal con el color de resalte. Sale de Acampada (themes/Activista.css y styles/activista.css); fuera Acampada y OasisMobile del selector, la fuente Anton y las miniaturas. Quien tuviera otro skin pasa a Activista al abrir. Los colores se aplican siempre; rojo de texto que se lee en las paletas oscuras. Perfil de uso: Activismo por defecto en la config de serie. Pub: barra fija encima de la barra de abajo mientras se une y descarga la red, con la fase, el porcentaje y, si falla, por que (sin red o pub caido, pub sin copia, otro corte). Se pone al dia sin recargar (public/js/mobile_pub.js y /mobile/pub-status); sale al tocar unirse y, si no arranca nada, explica las causas habituales. Fuera la recarga cada 5s de la bienvenida y de Copias en el movil. backend.js pasa backupModel a fork_routes.js en la linea que lo monta. Actividad: fichas de filtro en rejilla de tres y botones de cada tarjeta en una fila. Enlaces web de 24px.
This commit is contained in:
parent
b277f8e1cf
commit
b84a8856dc
25 changed files with 702 additions and 371 deletions
|
|
@ -44,8 +44,9 @@ Dónde va cada cosa:
|
|||
|
||||
| Quiero... | Va en |
|
||||
|---|---|
|
||||
| Cambiar colores, tamaños, márgenes | `styles/mobile_ux.css` (los dos skins) o `hive_acampada.css` (solo Acampada) |
|
||||
| Cambiar la paleta de Acampada | Variables `--a26-*` de `themes/Acampada.css`; las elegibles, en `mobile_settings.js` |
|
||||
| Cambiar colores, tamaños, márgenes | `styles/mobile_ux.css` (piezas) o `styles/activista.css` (lanzador y barras) |
|
||||
| Cambiar los colores de serie o las paletas | Variables `--a26-*` de `themes/Activista.css`; las paletas, en `mobile_settings.js` |
|
||||
| La barra de unirse a un pub | `views/mobile_pubbar.js` y `public/js/mobile_pub.js` |
|
||||
| Otro HTML en una pantalla del dev | Función en `views/mobile_ui.js` + una línea en su vista |
|
||||
| Una pantalla nueva | Vista propia en `views/mobile_*.js` + ruta en `fork_routes.js` |
|
||||
| Algo en Ajustes del móvil | `views/mobile_settings.js` |
|
||||
|
|
@ -144,13 +145,20 @@ Aquí se puede hacer lo que haga falta.
|
|||
tarjetas, formularios). Se carga siempre en el móvil, antes del skin.
|
||||
- `src/client/assets/styles/mobile_ux.css`: márgenes, letra, botones y todas las
|
||||
piezas nuevas. Vale para los dos skins de móvil.
|
||||
- `src/client/assets/themes/Acampada.css` y `styles/hive_acampada.css`: el skin
|
||||
Acampada.
|
||||
- `src/client/assets/themes/Activista.css` y `styles/activista.css`: el skin
|
||||
Activista, el único del móvil (Acampada y el OasisMobile del dev se quitaron del
|
||||
selector el 20/10/2026). Lo más simple posible: letra del sistema, bordes finos y
|
||||
sin sombras. El skin quita lo que sobra; los colores los pone cada cual.
|
||||
- `src/views/mobile_pubbar.js` y `public/js/mobile_pub.js`: la barra fija de unirse a
|
||||
un pub (y de restaurar una copia), encima de la barra de abajo. Se pone al día sin
|
||||
recargar, preguntando a `/mobile/pub-status`; el estado sale de
|
||||
`backupModel.restoreStatus()`, que `backend.js` le pasa a `fork_routes.js` en la
|
||||
línea que lo monta.
|
||||
- `src/views/mobile_ui.js`: lo que se enchufa en vistas del dev.
|
||||
- `src/views/mobile_settings.js`: los seis accesos de arriba de Ajustes (identidad,
|
||||
perfil, portada, colores, comunidad y saludo) y los colores. Los colores se guardan
|
||||
en la config (`mobileColors`) y salen en `/mobile-colors.css`, la última hoja; son
|
||||
las variables `--a26-*` de Acampada, así que solo valen con ese skin.
|
||||
las variables `--a26-*` del skin Activista.
|
||||
- `src/views/mobile_modules_view.js`, `identities_view.js`: pantallas propias.
|
||||
- `src/views/hive_views.js`: lanzador y barras de arriba y abajo.
|
||||
- `src/views/mobile_icons.js`: los iconos.
|
||||
|
|
@ -172,10 +180,10 @@ Aquí se puede hacer lo que haga falta.
|
|||
Cambiar cómo se ve algo. Se busca la clase en el HTML (servidor local e inspector) y
|
||||
se escribe la regla en `mobile_ux.css`. Para los colores usad las variables `--ux-*`
|
||||
(`--ux-bg`, `--ux-fg`, `--ux-accent`, `--ux-muted`, `--ux-line`, `--ux-danger`), que
|
||||
tiran de Acampada si está y si no de la paleta de OasisMobile. Si la regla no gana,
|
||||
es que `mobile.css` o `Acampada.css` mandan con `!important` y selectores largos:
|
||||
tiran de las `--a26-*` del skin. Si la regla no gana,
|
||||
es que `mobile.css` o `Activista.css` mandan con `!important` y selectores largos:
|
||||
hay que subir la especificidad y poner `!important` también. Ojo con una trampa:
|
||||
`Acampada.css` quita el borde a todos los `div`, así que para ponérselo a uno hace
|
||||
`Activista.css` quita fondo, borde y sombra a todos los `div`, así que para ponérselo a uno hace
|
||||
falta `.main-column div.la-clase`.
|
||||
|
||||
Huecos de las barras del sistema: nada de `env(safe-area-inset-*)`. El contenedor de
|
||||
|
|
@ -305,7 +313,7 @@ líneas (20/10/2026, contra el `nodejs-project` de la APK 1.3.3). Por tamaño:
|
|||
- `backend/blobHandler.js` (190): limpiar los metadatos de las fotos también en
|
||||
Android. Es una función nuestra metida en su fichero; habría que proponérsela al dev.
|
||||
- `configs/oasis-config.json` (87) y `configs/config-manager.js` (18): la config de
|
||||
serie del móvil (tema Acampada, workflow acampada, barra de abajo).
|
||||
serie del móvil (skin Activista, perfil Activismo, barra de abajo).
|
||||
- `views/main_views.js` (64), `settings_view.js` (33), `welcome_view.js` (20),
|
||||
`tribes_view.js` (9), `vote_view.js` (7): enganches a `mobile_ui.js` y el orden de
|
||||
carga de las hojas. Es lo que la guía permite, pero hay que revisarlo en cada versión.
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue