OasisMobile.css vuelve a ser la del dev; la maqueta pasa a mobile_base.css

themes/OasisMobile.css es un tema de epsylon que cambia en 21 de cada 39
versiones y nuestra copia diferia en 4.873 lineas. Ahora es identica a la
1.3.3 y nuestra maqueta vive en styles/mobile_base.css, que el movil carga
siempre antes del skin. Con Acampada se ve igual que antes; con OasisMobile,
el tema del dev encima de la maqueta.

GUIA_DE_DESARROLLO.md

@@ -56,6 +56,8 @@ Ahora mismo hay enganches en `main_views.js`, `tribes_view.js`, `vote_view.js`,
 
 Aquí se puede hacer lo que haga falta.
 
+- `src/client/assets/styles/mobile_base.css`: la maqueta del móvil (lanzador, barras,
+  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
@@ -170,11 +172,9 @@ inspeccionar la WebView desde `chrome://inspect`.
 Cosas de antes de estas normas que aún no las cumplen, por orden de lo que más
 duele:
 
-1. `OasisMobile.css` se parece poco a la del dev: 4.873 líneas distintas. Hay que
-   devolverle la suya y pasar nuestra maqueta a una hoja propia.
-2. Quedan 21 trozos nuestros en `backend.js` (copia de seguridad, avatar de la barra
+1. Quedan 21 trozos nuestros en `backend.js` (copia de seguridad, avatar de la barra
    de arriba, vídeos, filtro del lanzador...). Tienen que irse al router propio.
-3. El workflow `activists` sigue cambiado en `workflows_model.js`. Hay que dejarlo
+2. El workflow `activists` sigue cambiado en `workflows_model.js`. Hay que dejarlo
    como el del dev; el nuestro ya es `acampada`.
-4. Selectores que ya no apuntan a nada: 61 en `OasisMobile.css`, 29 en
+3. Selectores que ya no apuntan a nada: unos 60 en `styles/mobile_base.css`, 29 en
    `hive_acampada.css` y 5 en `Acampada.css`.

docs/FRONTERA_UPSTREAM.md

@@ -125,9 +125,9 @@ nada, pero son peso muerto y confunden.
 
 - Fase A (hecha el 19/10): lo del 19/10 que se metio en ficheros del dev sale a
   ficheros propios. Ver la seccion 6.
-- Fase B: `OasisMobile.css`. Devolverle la version del dev y llevar nuestra maqueta
-  a una hoja propia (`styles/mobile_base.css`) que carguen Acampada y el skin
-  OasisMobile de la rama. Es el mayor foco de conflictos.
+- Fase B (hecha el 19/10): `OasisMobile.css` vuelve a ser la del dev, identica a la
+  1.3.3. Nuestra maqueta esta en `styles/mobile_base.css`, que el movil carga siempre
+  antes del skin. Con el skin OasisMobile se ve el tema del dev encima de la maqueta.
 - Fase C: los 21 trozos antiguos de `backend.js` (exportar copia de seguridad,
   avatar de la topbar, `#t=0.1` en los videos, filtro del lanzador...) pasan al router
   propio como envoltorios.

src/client/assets/themes/Acampada.css

@@ -3,10 +3,10 @@
  * Los colores y las formas salen de acampada26s.net: bordes negros gruesos,
  * botones con sombra solida que se hunden al pulsar y titulos en mayusculas.
  *
- * La maqueta de movil es la de OasisMobile.css, que main_views.js carga justo antes
+ * La maqueta de movil es styles/mobile_base.css, que main_views.js carga justo antes
  * con su propio <link> versionado (no con @import: se quedaba en la cache del
  * WebView); aqui solo se cambian colores, letra y formas encima. Por eso casi todo lleva
- * !important: OasisMobile.css tambien lo usa. Las piezas propias de la rama
+ * !important: la maqueta tambien lo usa. Las piezas propias de la rama
  * (panal, barras) se ajustan en styles/hive_acampada.css. */
 @font-face {
   font-family: "Anton";

src/views/main_views.js

@@ -442,17 +442,15 @@ exports.CONTENT_SPREADABLE = CONTENT_SPREADABLE;
 exports.CONTENT_TORRENTABLE = CONTENT_TORRENTABLE;
 exports.contentDeleteAction = contentDeleteAction;
 exports.THEMES = [['Acampada', 'Acampada'], ['Dark-SNH', 'Dark-SNH'], ['Clear-SNH', 'Clear-SNH'], ['Purple-SNH', 'Purple-SNH'], ['Matrix-SNH', 'Matrix-SNH'], ['OasisMobile', 'Oasis-Mobile']];
-// Acampada importa la maqueta de OasisMobile.css: los dos son solo de movil, y en el
-// movil son los unicos que valen (los de escritorio no traen la maqueta)
+// los dos skins de movil; los de escritorio no estan pensados para la maqueta del movil
 exports.MOBILE_THEMES = [['Acampada', 'Acampada'], ['OasisMobile', 'Oasis Mobile']];
 exports.WIZARD_THEMES = process.env.OASIS_MOBILE === '1'
   ? exports.MOBILE_THEMES
   : exports.THEMES.filter(([value]) => value !== 'OasisMobile' && value !== 'Acampada');
-// el tema Acampada es la maqueta de OasisMobile.css con otros colores. OasisMobile.css va
-// en su propio <link> versionado y no como @import dentro de Acampada.css: un @import sin
-// ?v= se queda en la cache del WebView y tras actualizar se veia la maqueta vieja.
-// hive_acampada.css va detras del tema: pinta lanzador, barras y tarjetas.
-const acampadaBase = (theme) => theme === 'Acampada' ? link({ rel: "stylesheet", href: `/assets/themes/OasisMobile.css?v=${assetVersion()}` }) : null;
+// en el movil la maqueta de la rama (styles/mobile_base.css) va antes de cualquier skin;
+// encima, Acampada.css o el OasisMobile.css del dev. hive_acampada.css va detras del
+// tema Acampada: pinta lanzador, barras y tarjetas.
+const acampadaBase = () => process.env.OASIS_MOBILE === '1' ? link({ rel: "stylesheet", href: `/assets/styles/mobile_base.css?v=${assetVersion()}` }) : null;
 const acampadaLink = (theme) => theme === 'Acampada' ? link({ rel: "stylesheet", href: `/assets/styles/hive_acampada.css?v=${assetVersion()}` }) : null;
 
 const renderDocumentActions = (kind, id, leadingNodes = []) => {