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

Add small gaps between bars

Browse source
This commit is contained in:
Lim Chee Aun 2023-09-18 19:23:29 +08:00
parent 59dae782b2
commit 64db69af63
1 changed files with 10 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/components/account-info.css
View file

@ -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%
);
}