Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-10-04 20:21:31 +08:00
Code Issues Packages Projects Releases Wiki Activity

style(next): links: fix hover state artifacts on Chromium-based browsers

Browse Source
This commit is contained in:
Adorian Doran 2025-01-24 10:14:18 +02:00
parent 0f2fcebe40
commit d6cb2a3751
1 changed files with 4 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/public/stylesheets/theme-next/forms.css
View File

@ -330,15 +330,15 @@ body a.tn-link:visited,
.use-tn-links a:visited {
--background: transparent;
box-shadow: 0 0 0 0 var(--background);
border-radius: 4px;
background: var(--background);
outline: 0 solid var(--background);
color: currentColor;
font-weight: normal;
text-decoration: underline;
transition: background-color 200ms ease-out,
outline 200ms ease-out,
box-shadow 200ms ease-out,
color 300ms ease-out;
}
@ -350,14 +350,12 @@ body a.tn-link:focus-visible,
body a.tn-link:hover,
.use-tn-links a:hover {
box-shadow: 0 0 0 4px var(--link-hover-background);
--background: var(--link-hover-background);
outline-width: 4px;
outline-offset: 0;
color: var(--link-hover-color);
transition: background-color 100ms ease-in,
outline 100ms ease-in,
box-shadow 100ms ease-in,
color 150ms ease-in;
}