¿Cómo elimino este borde azul en la página de inicio y en las listas de temas de categorías?

¿Cómo puedo eliminar este borde azul al hacer clic en los temas? Intenté con CSS ::before pero no pude localizarlo ni deshabilitarlo…

Muchas gracias :grinning:

Creo que es el indicador de presencia y significa que el autor está en línea.

Cuando haces clic en cualquier título de tema y mantienes presionado el botón, aparece.
No necesito este indicador si está activado, ya que usé un color diferente en la ficha para indicar al pasar el cursor o al hacer clic…

Es un indicador temporal de que te estás enfocando en un tema. Eso no es exactamente lo mismo que pasar el cursor o visitar un enlace. EDITAR: como indicaron CoinCoin y Jake a continuación, es útil para la accesibilidad y en dispositivos móviles.

Puedes ocultarlo con CSS. Agrega esto a tu tema o componente temático:

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

Gracias, eres mi estrella brillante :kissing_heart:

1 me gusta

Este resaltado de tema es muy útil para la accesibilidad.
Al navegar con el teclado, indica que este tema está actualmente seleccionado y que al presionar Enter se abrirá.

1 me gusta

No preguntaste esto, pero eliminarlo hará la vida mucho más difícil (al menos) para los móviles.

3 Me gusta

Gracias por el recordatorio @Canapin @Canapin
Soy principiante en UI y en casi todo, al menos ahora entiendo que existe con un propósito, la accesibilidad. :+1:

Pero me preguntaba qué tan “necesaria” es esta “accesibilidad” para la mayoría de las personas, especialmente cuando la mayoría de los dispositivos que la gente usa hoy en día son con pantallas táctiles o computadoras con ratones… pero olvídalo, existe para bien.

1 me gusta

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