fuera Karvan: se usan el Telefono y las Salas del dev
El dev ya trae Telefono (llamadas uno a uno, buzon de voz) y Salas (hasta 50, con video, grabacion y emision). La rama quita su modulo propio de salas y llamadas: modelo, vista, JS de cliente, CSS, rutas, credenciales TURN, pruebas y textos. - el router propio pasa a llamarse fork_routes.js, sin Karvan - el audio, la camara y la emision de Android se enchufan desde main.js con setAudioFactory/setVideoFactory/setStreamFactory, que exporta el propio dev; SSB_server.js vuelve a tener su linea original - Clear-SNH.css y modules_view.js vuelven a ser identicos a los del dev - el workflow acampada y la config de serie cambian Karvan por Telefono y Salas - README y guia: las llamadas son las del dev; antes de hacer un modulo propio, mirar si el dev ya lo tiene
This commit is contained in:
parent
3937ddab1e
commit
096a7d110b
30 changed files with 266 additions and 1918 deletions
|
|
@ -1,6 +1,6 @@
|
|||
/* Piezas de usabilidad de la rama movil, para los dos skins (Acampada y OasisMobile).
|
||||
*
|
||||
* Va la ultima, detras de karvan.css. Los colores salen de las variables de
|
||||
* Va la ultima, detras del skin. Los colores salen de las variables de
|
||||
* Acampada (--a26-*) si el tema las define y, si no, de la paleta oscura con oro
|
||||
* de OasisMobile; asi cada pieza nueva se ve bien en los dos sin duplicarla.
|
||||
*
|
||||
|
|
@ -31,7 +31,7 @@
|
|||
/* fichas de filtro, pestañas y botones secundarios: letra del sistema */
|
||||
.main-column :is(.tribe-mode-buttons, .mode-buttons, .mode-buttons-row, .filter-group, .filters) .filter-btn:not(.create-button),
|
||||
.main-column .filter-box__button, .main-column .doc-export-actions .filter-btn,
|
||||
.main-column .update-btn, .main-column .tribe-action-btn, .lang-chip, .kc-btn,
|
||||
.main-column .update-btn, .main-column .tribe-action-btn, .lang-chip,
|
||||
.main-column table th, .card-chips-row > span, .pm-exposition-text {
|
||||
font-family: var(--ux-text) !important;
|
||||
font-weight: 700 !important;
|
||||
|
|
@ -59,9 +59,7 @@
|
|||
}
|
||||
|
||||
/* el boton de enviar de los formularios: a todo lo ancho, abajo, que se vea que es
|
||||
el final. Antes unos centrados, otros a la izquierda y otros enteros */
|
||||
.main-column :is(.vote-form, .karvan-create, .karvan-compose, .karvan-invite) form > button[type="submit"],
|
||||
.main-column :is(.vote-form, .karvan-create, .karvan-compose, .karvan-invite) > form > button[type="submit"],
|
||||
el final. Antes unos centrados,
|
||||
.main-column form[action$="/tribes/create"][method="post"] > button[type="submit"],
|
||||
.main-column form[action*="/tribes/update/"] > button[type="submit"] {
|
||||
display: block !important;
|
||||
|
|
@ -69,7 +67,7 @@
|
|||
margin: 8px 0 0 !important;
|
||||
}
|
||||
|
||||
/* ---------- iconos SVG (lanzador, barra, modulos, Karvan) ---------- */
|
||||
/* ---------- iconos SVG (lanzador, barra, modulos) ---------- */
|
||||
.has-svg { display: inline-flex !important; align-items: center; justify-content: center; }
|
||||
.has-svg svg { width: 100%; height: 100%; display: block; }
|
||||
.ln-ico.has-svg { padding: 15px !important; }
|
||||
|
|
@ -263,22 +261,6 @@
|
|||
}
|
||||
.main-column .lang-pick .lang-chip.is-current, .lang-pick .lang-chip.is-current { background: var(--ux-accent) !important; color: var(--ux-on-accent) !important; }
|
||||
|
||||
/* ---------- Karvan: barra de llamada con nombre en cada boton ---------- */
|
||||
.karvan-call-bar { display: grid !important; grid-template-columns: repeat(4, 1fr); gap: 8px !important; }
|
||||
.main-column .karvan-call-bar .kc-btn, .karvan-call-bar .kc-btn {
|
||||
display: flex !important; flex-direction: column; align-items: center; justify-content: center; gap: 4px;
|
||||
width: 100% !important; min-height: 64px !important; padding: 8px 4px !important; margin: 0 !important;
|
||||
font-size: 13px !important; text-transform: none !important; box-shadow: none !important;
|
||||
}
|
||||
.kc-btn .kc-ico { width: 24px; height: 24px; }
|
||||
.kc-btn .kc-lbl { line-height: 1.1; }
|
||||
.main-column .karvan-call-bar .kc-btn-start { background: var(--ux-ok) !important; color: #fff !important; border-color: var(--ux-ok) !important; }
|
||||
.main-column .karvan-call-bar .kc-btn.on { background: var(--ux-accent) !important; color: var(--ux-on-accent) !important; }
|
||||
.main-column .karvan-call-bar .kc-btn-stop { color: var(--ux-danger) !important; border-color: var(--ux-danger) !important; }
|
||||
.kc-status:not(:empty) { margin-top: 10px; padding: 8px 12px; border-radius: 10px; background: var(--ux-soft); font-size: 14px; font-weight: 700; }
|
||||
.karvan-invite { margin-top: 24px !important; padding-top: 16px !important; border-top: 2px solid var(--ux-line) !important; }
|
||||
.karvan-invite-lbl { display: block; margin-bottom: 6px; font-weight: 700; }
|
||||
|
||||
/* ---------- foco visible para teclado y lectores ---------- */
|
||||
a:focus-visible, button:focus-visible, summary:focus-visible, label.module-switch:focus-within {
|
||||
outline: 3px solid var(--ux-accent) !important; outline-offset: 2px;
|
||||
|
|
@ -407,15 +389,7 @@ body .main-content > .main-column { padding-left: 0 !important; padding-right: 0
|
|||
font-weight: 700 !important;
|
||||
letter-spacing: .02em !important;
|
||||
}
|
||||
.main-column :is(button, input[type="submit"]):not(.create-button):not(.filter-btn):not(.btn-singleview):not(.chat-react-btn):not(.lang-chip):not(.kc-btn):not(.confirm-yes):not(.welcome-skip-btn) {
|
||||
font-size: 16px !important;
|
||||
}
|
||||
.main-column form.welcome-skip-end { display: flex !important; justify-content: center !important; }
|
||||
|
||||
/* llamada solo con voz: sin el video propio vacio */
|
||||
.karvan-call:not(.has-cam) .kc-local { display: none !important; }
|
||||
.karvan-call:not(.has-cam) .karvan-videos:not(:has(.kc-remote video)) { display: none !important; }
|
||||
.karvan-call.active .kc-btn-start { opacity: .45; pointer-events: none; }
|
||||
/* la barra de confirmar borrado con su marco rojo (Acampada quita el borde a los div) */
|
||||
.main-column div.confirm-bar { border: 2px solid var(--ux-danger) !important; }
|
||||
.main-column .content-action-confirm[open] > summary { opacity: 1 !important; }
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue