Setting to hide ext icon for specific classes

Created on 2 July 2020, almost 4 years ago
Updated 20 December 2023, 6 months ago

Problem/Motivation

Let's say we have a case, where we display a grid of logos, which point to an external page and we have the setting "Place an icon next to external links." + "Place an icon next to image links. ". In this case, the ext icon will get displayed, but looks ugly and we want to hide it for those cases.

The setting "Exclude links inside these CSS selectors." is not fine for this purpose, as it actually disables the extlink functionality, like opening the link in a new window/tab.

Proposed resolution

I'd suggest we extend the settings under "CSS MATCHING." with a new setting like "Hide icons inside these CSS selectors.", which would in turn hide or better, not render the extllink icon, but just the visually-hidden label, for UX/accecssibility purposes.

📌 Task
Status

Closed: won't fix

Version

1.0

Component

Code

Created by

🇸🇮Slovenia sasanikolic

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Production build 0.69.0 2024