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

More subtle style change to reply parent

Browse source
This commit is contained in:
Lim Chee Aun 2024-02-02 13:20:55 +08:00
parent aa7fb4441f
commit a66a4e238e
1 changed files with 8 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/components/status.css
View file

@ -341,12 +341,15 @@
--top-padding: 16px; --top-padding: 16px;
padding-top: var(--top-padding); padding-top: var(--top-padding);
padding-bottom: 0; padding-bottom: 0;
margin-bottom: calc(-1 * var(--top-padding) / 2);
background-image: linear-gradient( background-image: linear-gradient(
160deg, 160deg,
transparent, transparent 2.5%,
var(--reply-to-faded-color) 30%, var(--reply-to-faded-color) 10%,
transparent transparent
); );
background-repeat: no-repeat;
background-size: 100% calc(100% - var(--top-padding) / 2);
> * { > * {
opacity: 0.65; opacity: 0.65;
@ -362,7 +365,9 @@
top: calc(var(--top-padding) + var(--avatar-size)); top: calc(var(--top-padding) + var(--avatar-size));
left: var(--line-start); left: var(--line-start);
width: var(--line-width); width: var(--line-width);
height: calc(100% - var(--top-padding) - var(--avatar-size) + 16px); height: calc(
100% - var(--top-padding) - var(--avatar-size) + (var(--top-padding) / 2)
);
background-color: var(--comment-line-color); background-color: var(--comment-line-color);
z-index: 0; z-index: 0;
mask-image: linear-gradient(to bottom, #000 8px, transparent); mask-image: linear-gradient(to bottom, #000 8px, transparent);