Novos estilos de menu suspenso/menu de notificação no cabeçalho

No momento, temos apenas duas partes do Discourse usando um estado de estilo “lido/não lido”.

A outra parte neste menu é um estado “selecionado”. Isso é para mostrar a aba de notificação atualmente selecionada. Nesta iteração, estamos imitando o estado selecionado para os itens da barra lateral.

Aqui está uma auditoria básica das coisas que estamos analisando no menu. Lido, Não lido, Selecionado

Barra Lateral
Para a barra lateral, indicamos “não lido” com um ponto. “Lido” é assumido por padrão se não houver um ponto azul.

Barra Lateral - Ativa
Aqui está o item da barra lateral atualmente selecionado, também conhecido como ativo.

Lista de Tópicos
Para listas de tópicos, atualmente mostramos um ponto azul e usamos cor no título e metadados para diferenciar. Uma ressalva é que não mostramos o ponto azul em tópicos que você não está seguindo/observando. Portanto, se o ponto azul aparece ou não, não é imediatamente claro para o usuário.

Menus
Usamos selecionado como um estado aqui para mostrar a seleção ativa. Não acho que isso se traduza para notificações, mas se traduz para o estado selecionado da aba atual das notificações do menu.

Existem inconsistências no momento sobre qual cor usamos para selecionado.

Para rastreamento, usamos cinza.

Para a categoria atualmente selecionada, usamos azul.

Página de Notificações do Usuário
Esta página precisa de algum trabalho na iteração atual.

2 curtidas