From a66a4e238ef0759998fa18edfedaa88e52121eda Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Fri, 2 Feb 2024 13:20:55 +0800
Subject: [PATCH] More subtle style change to reply parent
---
src/components/status.css | 11 ++++++++---
1 file changed, 8 insertions(+), 3 deletions(-)
diff --git a/src/components/status.css b/src/components/status.css
index f1e1ff77..83b347b9 100644
--- a/src/components/status.css
+++ b/src/components/status.css
@@ -341,12 +341,15 @@
--top-padding: 16px;
padding-top: var(--top-padding);
padding-bottom: 0;
+ margin-bottom: calc(-1 * var(--top-padding) / 2);
background-image: linear-gradient(
160deg,
- transparent,
- var(--reply-to-faded-color) 30%,
+ transparent 2.5%,
+ var(--reply-to-faded-color) 10%,
transparent
);
+ background-repeat: no-repeat;
+ background-size: 100% calc(100% - var(--top-padding) / 2);
> * {
opacity: 0.65;
@@ -362,7 +365,9 @@
top: calc(var(--top-padding) + var(--avatar-size));
left: var(--line-start);
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);
z-index: 0;
mask-image: linear-gradient(to bottom, #000 8px, transparent);