mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2024-11-29 12:48:57 +03:00
Code Issues Projects Releases Packages Wiki Activity

Slight style adjustments

Browse source
This commit is contained in:
Lim Chee Aun 2024-02-06 17:32:17 +08:00
parent b9c287b29e
commit afd9d2cf97
2 changed files with 12 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/app.css
View file

@ -928,9 +928,11 @@ a[href^='http'][rel*='nofollow']:visited:not(:has(div)) {
-webkit-touch-callout: none; -webkit-touch-callout: none;
} }
} }
:is(.status-link, .status-focus):is(:focus, .is-active) { @media not (pointer: coarse) {
:is(.status-link, .status-focus):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) { @media (hover: hover) {
.status-link:hover { .status-link:hover {

11
src/components/status.css
View file

@ -1863,8 +1863,8 @@ a.card:is(:hover, :focus):visited {
.status-actions { .status-actions {
display: flex; display: flex;
position: absolute; position: absolute;
top: 4px; top: -6px;
right: 4px; right: 8px;
background-color: var(--bg-color); background-color: var(--bg-color);
border-radius: 8px; border-radius: 8px;
z-index: 1; z-index: 1;
@ -1873,7 +1873,7 @@ a.card:is(:hover, :focus):visited {
overflow: clip; overflow: clip;
opacity: 0; opacity: 0;
pointer-events: none; pointer-events: none;
transform: translateX(8px); transform: translate3d(0, 6px, 0);
transform-origin: right center; transform-origin: right center;
transition: all 0.15s ease-out 0.3s, border-color 0.3s ease-out; transition: all 0.15s ease-out 0.3s, border-color 0.3s ease-out;
@ -1920,7 +1920,10 @@ a.card:is(:hover, :focus):visited {
transform: translateX(0); transform: translateX(0);
} }
@media (pointer: coarse) { @media (pointer: coarse) {
.status:has(&):hover { & {
border-color: var(--outline-hover-color);
}
.status-focus:has(&):has(.status:hover) {
transition: background-color 0.1s ease-out 0.3s; transition: background-color 0.1s ease-out 0.3s;
background-color: var(--bg-faded-blur-color); background-color: var(--bg-faded-blur-color);
} }