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

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 { .posting-stats-bar {
--gap: 0.5px;
--gap-color: var(--outline-color);
height: var(--size); height: var(--size);
border-radius: var(--size); border-radius: var(--size);
overflow: hidden; overflow: hidden;
@ -327,10 +329,14 @@
background-image: linear-gradient( background-image: linear-gradient(
to right, to right,
var(--original-color) 0%, var(--original-color) 0%,
var(--original-color) var(--originals-percentage), var(--original-color) calc(var(--originals-percentage) - var(--gap)),
var(--reply-to-color) var(--originals-percentage), var(--gap-color) calc(var(--originals-percentage) - var(--gap)),
var(--reply-to-color) var(--replies-percentage), var(--gap-color) calc(var(--originals-percentage) + var(--gap)),
var(--reblog-color) var(--replies-percentage), 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% var(--reblog-color) 100%
); );
} }