nki/phanpy
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Experiment: disable :hover state on non-hover devices

Browse source
This commit is contained in:
Lim Chee Aun 2023-01-24 16:26:22 +08:00
parent 8cbed0911e
commit 082745ee4f
1 changed files with 13 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
src/app.css
View file

@ -365,10 +365,16 @@ a[href^='http'][rel*='nofollow']:visited:not(:has(div)) {
-webkit-tap-highlight-color: transparent;
animation: appear 0.2s ease-out;
}
.status-link:is(:hover, :focus, .is-active) {
.status-link:is(:focus, .is-active) {
background-color: var(--link-bg-hover-color);
outline-offset: -2px;
}
@media (hover: hover) {
.status-link:hover {
background-color: var(--link-bg-hover-color);
outline-offset: -2px;
}
}
.status-link:active:not(:has(:is(.media, button):active)) {
filter: brightness(0.95);
}
@ -468,9 +474,14 @@ a[href^='http'][rel*='nofollow']:visited:not(:has(div)) {
overflow: hidden;
box-shadow: 0 1px var(--bg-color);
}
.status-boost-link:is(:hover, :focus) {
.status-boost-link::focus {
background-color: var(--link-bg-hover-color);
}
@media (hover: hover) {
.status-boost-link:hover {
background-color: var(--link-bg-hover-color);
}
}
.status-boost-link:active:not(:has(:is(.media, button):active)) {
filter: brightness(0.95);
}