How do I remove this blue border on homepage and category topic lists?

Development

AI-generated summary

The discussion revolves around removing a blue border that appears when clicking on topic titles. Dennis_P_Z initially asks how to remove it, and packman suggests it might be a presence indicator. However, Dennis_P_Z clarifies that it appears when clicking and holding on a topic title.

Akshine explains that the border is a temporary indicator for focusing on a topic and provides a CSS code to hide it. The code is .topic-list .main-link.focused { box-shadow: none; }.

Despite the solution, Canapin and Jagster emphasize the importance of the feature for accessibility, especially for keyboard navigation and mobile devices. Dennis_P_Z acknowledges the purpose of the feature and its necessity, despite initial reservations.

1

How can I remove this blue border when click topics? I tried css ::before I could not locate it nor disable it …

2023-10-18 135647
2023-10-18 135647967×349 26.8 KB

Many thanks :grinning:

2

I think that’s the presence indicator and means that the poster is online.

3

When you click any topic title and hold the button it shows up.
I don’t need this indicator if it is , since I used different color on tile to indicate on hover or click…

4

It’s a temporary indicator you’re focusing on a topic. That’s not quite the same as hovering or visiting a link. EDIT: as CoinCoin and Jake stated below, it’s useful for accessibility and on mobile.

You can hide it with CSS. Add this to your theme or theme component:

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

Thanks, you are the shining star :kissing_heart:

6

This topic highlight is very useful for accessibility.
Navigating with your keyboard, it indicates that this topic is currently selected, and pressing enter will open it.

7

You didn’t ask this but removing it will make living much more difficult (at least) for mobiles.

8

Thanks for the reminder @Canapin @Canapin
I’m a beginner on UI and prob everything, at least now understand it exists for a purpose, accessibility. :+1:

But I was just wondering how “necessary” this “accessibility” is for most people, especially when most devices people use today are either with touchscreens or computers with mouses… but never mind, it exists for good.