- Spegnimento
- 5 settembre 2026 alle ore 20:34 UTC
- Autore
- Kamo
- Impegno
- d405a50
Conchiglia porta kamo-login: ogni percorso ora rende dentro .kamo-pane, una carta inset 15px dal bordo del browser con un raggio di 14px, un'ombra morbida e overflow: nascosto. La geometria è copiata verbatim di proposito — i due prodotti sedersi sia lato di un imbuto e un utente attraversa tra loro metà flusso, così il il telaio non deve passare sotto di loro. La formulazione del nastro è la parte che differisce. kamo-login ti saluta con uno linea su ogni schermo perché c'è solo una cosa che devi fare; la registrazione è un imbuto, così PaneRibbon nomina il passo: "Siamo iniziati!" su /, "Create Your Org" su /member, "Tell Us More!" su /team. Un percorso mancante che la mappa non ottiene alcun nastro affatto piuttosto che un saluto generico — /sorry, /logout e gli schermi di verifica non sono luoghi da rallegrare. Dal le code e la banda portano entrambi un esplicito z-index, un componente può possedere tutti tre pezzi e decidere per percorso se c'è un nastro a tutti. Ogni percorso si è dimensionato al viewport e così ha traboccato il pannello di 30px; ogni radice ora lo riempie invece. RegisterFlow aveva bisogno di più di uno swap di unità: su un telefono era altezza:auto così il documento scorreva, e all'interno di un pannello che clip, crescendo passato avrebbe messo i passi successivi fuori portata. The scorrere si muove all'interno del flusso, che il proprio overflowY:auto già fornito per. Aggiunge ViewportHeight, pubblicare visualViewport in --app-dvh come kamo-login Si'. 100dvh è il fallback e quasi fare, ma la registrazione è lunga forma di input di testo e dvh non rappresenta una tastiera: con la fase fissata a piena altezza la regione di scorrimento del pannello corre dietro di esso, lasciando il browser libero per scorrere un campo concentrato sotto. Il nastro copre l'angolo in alto a destra del pannello, e a differenza di una carta di accesso l'intestazione di registrazione raggiunge quell'angolo. Nuotare ogni riga di testo su /, /member e /team attraverso 11 viewports trovato l'intestazione "Sign qui" sotto la band a 1024x768, 1100x700 e 1280x768 tra gli altri — non solo una stretta finestra problema, perché il flusso è verticalmente incentrato e una breve finestra solleva la intestazione nel percorso della band. Tenere il bordo destro dell'intestazione lo schiari, eccetto sotto 400px, dove la riserva lascia meno spazio di "KamoCRM" è ampia e una sola parola infrangibile trabocca la sua scatola piuttosto che avvolgere — no la quantità di imbottitura lo ha spostato, quindi il titolo scaglie lì invece. La spazzata ora segnala nessuna collisione su una delle 33 combinazioni route/viewport. Verificato in un browser: il pannello misura 15px da ogni bordo su tutti gli otto percorsi con zero scorrimento, i tre nastri portano le parole giuste e adattare la lunghezza utilizzabile della band (131, 117 e 96px contro 192), e l'altro i percorsi non rendono nastro e nessuna coda.