From 64db69af63c2b372e1df705263db8a73ceaedaed Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Mon, 18 Sep 2023 19:23:29 +0800
Subject: [PATCH] Add small gaps between bars
---
src/components/account-info.css | 14 ++++++++++----
1 file changed, 10 insertions(+), 4 deletions(-)
diff --git a/src/components/account-info.css b/src/components/account-info.css
index f28f507b..a6def33f 100644
--- a/src/components/account-info.css
+++ b/src/components/account-info.css
@@ -315,6 +315,8 @@
}
.posting-stats-bar {
+ --gap: 0.5px;
+ --gap-color: var(--outline-color);
height: var(--size);
border-radius: var(--size);
overflow: hidden;
@@ -327,10 +329,14 @@
background-image: linear-gradient(
to right,
var(--original-color) 0%,
- var(--original-color) var(--originals-percentage),
- var(--reply-to-color) var(--originals-percentage),
- var(--reply-to-color) var(--replies-percentage),
- var(--reblog-color) var(--replies-percentage),
+ var(--original-color) calc(var(--originals-percentage) - var(--gap)),
+ var(--gap-color) calc(var(--originals-percentage) - var(--gap)),
+ var(--gap-color) calc(var(--originals-percentage) + var(--gap)),
+ var(--reply-to-color) calc(var(--originals-percentage) + var(--gap)),
+ var(--reply-to-color) calc(var(--replies-percentage) - var(--gap)),
+ var(--gap-color) calc(var(--replies-percentage) - var(--gap)),
+ var(--gap-color) calc(var(--replies-percentage) + var(--gap)),
+ var(--reblog-color) calc(var(--replies-percentage) + var(--gap)),
var(--reblog-color) 100%
);
}