- Se descapó
- 5 de septiembre de 2026 a las 20:34 UTC
- Autor
- Kamo
- Compromit
- d405a50
Concha de Ports kamo-login: cada ruta ahora se renderiza dentro de .kamo-pane, una tarjeta inset 15px del borde del navegador con un radio de 14px, una sombra suave y desbordamiento: escondido. La geometría se copia literalmente a propósito de los dos productos sentarse a ambos lados de un embudo y un usuario se cruza entre ellos a mitad de flujo, por lo que el marco no debe cambiar bajo ellos. La redacción de la cinta es la parte que difiere. kamo-login te saluda con una línea en cada pantalla porque sólo hay una cosa que estás ahí para hacer; el registro es un embudo, así que PaneRibbon nombra el paso: "Empiezamos". /, "Create Your Org" en /member, "Cuéntanos más" en / equipo. Una ruta de la que falta ese mapa no recibe cinta en absoluto en lugar de un saludo genérico. /lote, /logout y las pantallas de verificación no son lugares para ser amenizados. Desde el colas y la banda llevan un índice z explícito, un componente puede poseer todos tres piezas y decidir por ruta si hay una cinta en absoluto. Cada ruta se dimensionó al puerto de visión y así se desbordó el panel en 30px; cada raíz ahora lo llena en su lugar. RegisterFlow necesitaba más que un swap de unidades: en un teléfono era de altura:auto por lo que el documento se desplazaba, y dentro de un panel que clips, creciendo más allá de él habría puesto los pasos posteriores fuera de su alcance. El desplazamiento se mueve dentro del flujo, que su propio desbordamientoY:auto ya proporcionó porque, por favor. Añade ViewportHeight, publicando visualViewport en --app-dvh como kamo-login Lo hace. 100dvh es la caída y casi lo haría, pero el registro es un largo la forma de entradas de texto y dvh no tiene en cuenta un teclado: con el escenario Pintado a toda la altura de la región del pergamino del panel corre detrás de ella, dejando el navegador libre para desplazarse por un campo enfocado debajo. La cinta cubre la esquina superior derecha del panel, y a diferencia de una tarjeta de inicio de sesión el La cabecera de matrícula llega a esa esquina. Barrer cada línea de texto en /, /miembro y /equipo a través de 11 deportes de vistas encontró el "Señar aquí" de la cabecera bajo la banda a 1024x768, 1100x700 y 1280x768 entre otros. problema, porque el flujo está en centro vertical y una ventana corta levanta el cabecera en el camino de la banda. Sosteniendo el borde derecho de la cabeza lo despeja, excepto por debajo de 400px, donde la reserva sale menos espacio que "KamoCRM" es ancho y una sola palabra irrompible desborda su caja en lugar de envolver la cantidad de relleno lo movió, así que la balanza del título allí en su lugar. El barrido ahora no reporta colisiones en ninguna de las combinaciones de 33 route/viewport. Verificado en un navegador: el panel mide 15px de cada borde en los ocho rutas con desbordamiento de desplazamiento cero, las tres cintas llevan las palabras correctas y encaja la longitud útil de la banda (131, 117 y 96px contra 192), y la otra Las rutas no hacen cinta y no colas.