/* La caja de la página, en un solo sitio. 2.8.43.310. * * ============================================================================================ * QUÉ HABÍA, MEDIDO EN CHROMIUM * ============================================================================================ * Lo notó Eudes: «el ancho de Mi espacio parece ligeramente más ancho que los otros, veo algo como * 1398 px, pero en Mis eventos 1358 px […] al navegar entre ellas veo como un flash en el ancho». * * No eran ideas suyas, y sus dos números son exactos. Con la ventana en 1440 px, la MISMA ficha * profesional —la portada del perfil que él usaba de referencia— medía: * * 1398 px en «Cerca de mí» * 1358 px en «Mi espacio», «Mis eventos», «Amigos», avisos, fotos, vídeos, anuncios… * 1314 px en «Multimedia» * * Tres anchos para el mismo componente. Y las cajas de página, veintiséis en total, estaban * repartidas en tres familias —1360, 1400 y 1440— más `.cs2724-page-shell`, que usaba * `calc(100% - 44px)` sin `min()` y no caía en ninguna. * * ============================================================================================ * LA REGLA * ============================================================================================ * **Un solo ancho, escrito una sola vez.** La referencia la eligió Eudes: la de «Mi espacio». * * A partir de aquí, ninguna hoja vuelve a escribir un ancho de página literal: todas leen estas dos * variables. Cambiar la caja de la web entera es cambiar este número, y la prueba lo comprueba * midiendo de verdad, en Chromium, con las 78 hojas del `header` servidas por HTTP. * * NO ENTRA AQUÍ, y es deliberado: * * - Las ventanas modales (`.cs-ui-media-modal`, `.cs278-media-modal`): no son páginas, y una foto * a pantalla casi completa es lo que se quiere de un visor. * - La SALA DE CLASE (`classicspark-lesson-room.css`): es una llamada de vídeo, no un documento. * Estrechar el escenario 80 px es una decisión de producto, no de consistencia. * - El sitio PÚBLICO (`classicspark-discovery.css`): otra cáscara, otra caja. */ /* ============================================================================================ * 2.8.43.316 - LAS DOS VARIABLES SE MUDARON, Y ESTA ES LA RAZON * ============================================================================================ * Aqui estaba: * * :root { --cs-ancho: 1400px; --cs-ancho-aire: 40px; } * * Y estaba MAL SITIO. Esta hoja la carga solo `site/main/header.php`, o sea la cascara privada. Las * once vistas de `app/Views/public/` -home, «Descubrir», los legales, seguridad infantil- no la * cargan, pero SI cargan `classicspark-private-layout.css`, y con la sesion iniciada le ponen al * `` la clase `cs-private-shell`. Alli las reglas pedian una variable que no existia, CSS las * dejo en `unset` -`width:auto`, `max-width:none`- y la cabecera y el pie se fueron de borde a borde. * * Ahora viven en `classicspark-unified.css`, que es la unica hoja que cargan las once publicas Y el * header privado. * * ESTE FICHERO SE QUEDA porque aqui esta escrito POR QUE la caja mide lo que mide, y porque el * numero se cambia leyendo esto. Mudar la explicacion a un fichero de tokens la habria enterrado. * ============================================================================================ */