LukeParke/unicorn-utterances
1
0
Fork 0
mirror of https://github.com/LukeHagar/unicorn-utterances.git synced 2025-12-06 12:57:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

use a:focus-visible instead of a:focus to fix confusing click behavior

Browse Source
This commit is contained in:
James Fenn
2024-01-21 10:39:22 -05:00
parent 36a5b9cf50
commit c9dd821a60
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/views/base/scripts/heading-link.module.scss
View File

@@ -91,7 +91,7 @@
// click will follow the anchor href, so the "Copy link" // click will follow the anchor href, so the "Copy link"
// button should not be displayed // button should not be displayed
@supports selector(:has(*)) { @supports selector(:has(*)) {
:global(.heading-linked):has(a:hover, a:focus) { :global(.heading-linked):has(a:hover, a:focus-visible) {
.headingLink { .headingLink {
opacity: 0 !important; opacity: 0 !important;
} }
@@ -133,7 +133,7 @@
:global(.heading-linked):has(.headingLinkContainer:hover) { :global(.heading-linked):has(.headingLinkContainer:hover) {
// The underline should not be applied if an inner <a> is focused // The underline should not be applied if an inner <a> is focused
// as clicking will follow the link, not interact with the heading // as clicking will follow the link, not interact with the heading
&:not(:has(a:hover, a:focus)) { &:not(:has(a:hover, a:focus-visible)) {
text-decoration: underline; text-decoration: underline;
} }
} }