me/glitchier-soc
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fix glitch-soc's thread line styling (#2214)

Browse source 
Thread lines were misaligned in glitch-soc because we have less padding and
larger avatar sizes.
This commit is contained in:
Claire 2023-05-08 18:21:36 +02:00 committed by GitHub
parent 61f3e0e95e
commit f89f3a8566
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
app/javascript/flavours/glitch/styles/components/status.scss
View file

@ -1047,12 +1047,12 @@ a.status-card.compact:hover {
}
&__line {
height: 16px - 4px;
height: 10px - 4px;
border-inline-start: 2px solid lighten($ui-base-color, 8%);
width: 0;
position: absolute;
top: 0;
inset-inline-start: 16px + ((46px - 2px) * 0.5);
inset-inline-start: 14px + ((48px - 2px) * 0.5);
&--full {
top: 0;
@ -1062,8 +1062,8 @@ a.status-card.compact:hover {
content: '';
display: block;
position: absolute;
top: 16px - 4px;
height: 46px + 4px + 4px;
top: 10px - 4px;
height: 48px + 4px + 4px;
width: 2px;
background: $ui-base-color;
inset-inline-start: -2px;
@ -1071,8 +1071,8 @@ a.status-card.compact:hover {
}
&--first {
top: 16px + 46px + 4px;
height: calc(100% - (16px + 46px + 4px));
top: 10px + 48px + 4px;
height: calc(100% - (10px + 48px + 4px));
&::before {
display: none;