Mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2025-02-13 03:26:21 +01:00
Code Issues Projects Releases Packages Wiki Activity

Slight adjustments to post actions bar

Browse source
This commit is contained in:
Lim Chee Aun 2024-01-21 13:10:57 +08:00
parent 1b41d39032
commit 725da37063
1 changed files with 7 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/components/status.css
View file

@ -1783,13 +1783,15 @@ a.card:is(:hover, :focus):visited {
pointer-events: none; pointer-events: none;
transform: translateX(8px); transform: translateX(8px);
transform-origin: right center; transform-origin: right center;
transition: all 0.1s ease-out 0.3s, border-color 0.3s ease-out; transition: all 0.15s ease-out 0.3s, border-color 0.3s ease-out;
button.plain { button.plain {
color: var(--text-insignificant-color); color: var(--text-insignificant-color);
backdrop-filter: none; backdrop-filter: none;
padding: 10px; padding: 10px;
border-radius: 8px; border-radius: 8px;
outline-offset: -5px;
outline: 1px solid transparent;
&:is(:hover, :focus) { &:is(:hover, :focus) {
color: var(--text-color); color: var(--text-color);
@ -1800,14 +1802,17 @@ a.card:is(:hover, :focus):visited {
&.reblog-button.checked { &.reblog-button.checked {
color: var(--reblog-color); color: var(--reblog-color);
outline-color: var(--reblog-color);
} }
&.favourite-button.checked { &.favourite-button.checked {
color: var(--favourite-color); color: var(--favourite-color);
outline-color: var(--favourite-color);
} }
&.bookmark-button.checked { &.bookmark-button.checked {
color: var(--link-color); color: var(--link-color);
outline-color: var(--link-color);
} }
} }
@ -1820,7 +1825,7 @@ a.card:is(:hover, :focus):visited {
&.open { &.open {
opacity: 1; opacity: 1;
pointer-events: auto; pointer-events: auto;
transform: scale(1); transform: translateX(0);
} }
@media (pointer: coarse) { @media (pointer: coarse) {
.status:has(&):hover { .status:has(&):hover {