Mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2025-03-21 21:29:20 +01:00
Code Issues Projects Releases Packages 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; -webkit-tap-highlight-color: transparent;
animation: appear 0.2s ease-out; 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); background-color: var(--link-bg-hover-color);
outline-offset: -2px; 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)) { .status-link:active:not(:has(:is(.media, button):active)) {
filter: brightness(0.95); filter: brightness(0.95);
} }
@ -468,9 +474,14 @@ a[href^='http'][rel*='nofollow']:visited:not(:has(div)) {
overflow: hidden; overflow: hidden;
box-shadow: 0 1px var(--bg-color); box-shadow: 0 1px var(--bg-color);
} }
.status-boost-link:is(:hover, :focus) { .status-boost-link::focus {
background-color: var(--link-bg-hover-color); 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)) { .status-boost-link:active:not(:has(:is(.media, button):active)) {
filter: brightness(0.95); filter: brightness(0.95);
} }