Uma superfície, um trilho de passo nível-gauge, e cromado as cores do inquilino

Featurekamo-register
Navios
6 de setembro de 2026 às 00:23 UTC
Autor
Kamo
Enviar
3b3e3bb

As telas /equipe e /membro eram duas placas quase idênticas de vidro empilhado com uma lacuna, um MUI Stepper em seu cinza padrão, e uma pílula de progresso flutuando dentro do cabeçalho. Tudo o que carregava significado era carregado pelo tamanho sozinho. O cabeçalho e o assistente são agora UMA superfície. A linha que os separa é o indicador de progresso: hemorragia total, e preenche à medida que avança, então o divisor o layout necessário de qualquer maneira é fazer o segundo trabalho em vez de uma barra estacionada acima Ele. O cabeçalho saiu ~25px SHORTER do que o par substituído, que o painel dá de volta ao formulário. A linha da marca costumava ser REPLACED pelo nome do passo a partir do passo dois em frente, assim um A inscrição no rótulo branco perdeu a inscrição para o resto do funil. Ambos manter sua própria linha agora — com quem você está se juntando acima, onde você está se juntando abaixo — e o contador de passos vem com ele, que é o que permite o layout do telefone soltar a coluna esquerda completamente em vez de degradá-la para um solitário "Passo 1 de 7". O trilho é feito à mão porque os estados são quatro, não os dois do Stepper: «visitado» — preenchido, em seguida, caminhado de — era previamente indistinguível de um passo nunca alcançado. Marca sólida até o passo na tela, mais leve até como você já tem, desmaie além: a coluna lê como um medidor de nível. Cada linha desenha seus próprios semi-segmentos, de modo que a pista permanece intacta em qualquer altura do painel. A nó é sempre um disco numerado e apenas seu preenchimento e mudança de tamanho, então avançando lê-se como uma transição em vez de um controle trocado por outro. O ativo linha senta-se em uma pílula branca levantada que escorrega entre linhas em uma mudança de passo. Nenhuma cor aqui é própria. Cada organização envia um globals.css para o tema balde que redefine -- cor-primário, então cada tom é misturado de qualquer locatário fornecido e todo o cromado re-tints por org; os @supports são neutros ao invés de ausentes. Verificado em castanho, azul e cinzento O padrão da plataforma. Também fixo, encontrado durante a medição: - Um wordmark de inquilino cinco vezes maior do que é alto levou um telefone inteiro cabeçalho linha e embrulhado o título para três linhas. O logótipo está limitado a ambos eixos agora e mantém a sua relação dentro dessa caixa. - Foram sublinhadas as etiquetas dos passos completados, que se lê como um link, não como feito. - Os botões gritavam no padrão maiúsculo do MUI e pairavam para um codificado Cinzento que ficou cinzento seja lá o que for que uma org se tenha marcado. - "Assine aqui" agora diz o que faz: "Assine". Depuração de fita re-mensurada por hit-teste da banda pintada em 13 viewports de 320x700 a 1440x900: nada corre sob ele, e nada rola de lado. Motion é guardado em CSS e JS; as linhas do trilho são botões reais com aria-corrente e um anel de foco visível.

Todas as alterações

Como o que vês no transporte?

Cada uma dessas atualizações pousa automaticamente em seu espaço de trabalho. Comece grátis e veja crescer semana após semana.

Começar Livre Para SempreVer Preços