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

A bit more aesthetic touches for 'Read more' buttons

Browse source
This commit is contained in:
Lim Chee Aun 2023-09-21 21:56:04 +08:00
parent 9387e37baa
commit 38bd5c0b5d
2 changed files with 10 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/components/status.css
View file

@ -112,7 +112,11 @@
border-radius: 10em; border-radius: 10em;
font-size: 90%; font-size: 90%;
white-space: nowrap; white-space: nowrap;
transition: all 0.2s ease-out; box-shadow: inset 0 0 0 1px var(--bg-color);
text-shadow: 0 -1px var(--bg-color);
transition-property: transform, background-color, border-color;
transition-duration: 0.2s;
transition-timing-function: ease-out;
} }
&:is(:hover, :focus):after { &:is(:hover, :focus):after {

6
src/pages/notifications.css
View file

@ -126,7 +126,11 @@
border-radius: 10em; border-radius: 10em;
font-size: 90%; font-size: 90%;
white-space: nowrap; white-space: nowrap;
transition: all 0.2s ease-out; box-shadow: inset 0 0 0 1px var(--bg-color);
text-shadow: 0 -1px var(--bg-color);
transition-property: transform, background-color, border-color;
transition-duration: 0.2s;
transition-timing-function: ease-out;
} }
.notification .status-link:is(:hover, :focus).truncated:after { .notification .status-link:is(:hover, :focus).truncated:after {
border-color: var(--link-color); border-color: var(--link-color);