Como remover esta borda azul na página inicial e nas listas de tópicos de categoria?

Como posso remover esta borda azul ao clicar nos tópicos? Tentei CSS ::before mas não consegui localizá-la nem desativá-la…

Muito obrigado :grinning:

Eu acho que esse é o indicador de presença e significa que o autor está online.

Quando você clica em qualquer título de tópico e segura o botão, ele aparece.
Não preciso deste indicador se ele estiver presente, pois usei cores diferentes no bloco para indicar ao passar o mouse ou clicar…

É um indicador temporário de que você está focando em um tópico. Isso não é exatamente o mesmo que pairar ou visitar um link. EDIT: como CoinCoin e Jake afirmaram abaixo, é útil para acessibilidade e em dispositivos móveis.

Você pode ocultá-lo com CSS. Adicione isso ao seu tema ou componente de tema:

.topic-list .main-link.focused {
    box-shadow: none;
}
2 curtidas

Obrigado, você é a estrela brilhante :kissing_heart:

1 curtida

Este destaque de tópico é muito útil para acessibilidade.
Ao navegar com o teclado, ele indica que este tópico está atualmente selecionado e que pressionar Enter irá abri-lo.

1 curtida

Você não perguntou isso, mas removê-lo tornará a vida muito mais difícil (pelo menos) para os celulares.

3 curtidas

Obrigado pelo lembrete @Canapin @Canapin
Sou iniciante em UI e em quase tudo, pelo menos agora entendo que existe para um propósito, acessibilidade. :+1:

Mas eu estava apenas me perguntando o quão “necessária” essa “acessibilidade” é para a maioria das pessoas, especialmente quando a maioria dos dispositivos que as pessoas usam hoje em dia são com telas sensíveis ao toque ou computadores com mouses… mas deixe pra lá, existe para o bem.

1 curtida

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.