treehouse
/
mastodon
21
8
Fork 5
Code Issues 32 Pull Requests Projects 1 Releases Wiki Activity

Fix status avatar size discrepancies (#2510) 

Follow-up to #2508
th-new
Claire 2023-12-09 20:29:15 +01:00 committed by GitHub
parent b2647bc3f2
commit 1ddf2012ee
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/javascript/flavours/glitch/styles/components/status.scss
View File

@ -685,8 +685,6 @@ a.status__display-name,
.status__avatar { .status__avatar {
flex: none; flex: none;
margin-inline-end: 10px; margin-inline-end: 10px;
height: 48px;
width: 48px;
} }
.muted { .muted {
@ -1051,7 +1049,7 @@ a.status-card.compact:hover {
width: 0; width: 0;
position: absolute; position: absolute;
top: 0; top: 0;
inset-inline-start: 14px + ((48px - 2px) * 0.5); inset-inline-start: 14px + ((46px - 2px) * 0.5);
&--full { &--full {
top: 0; top: 0;
@ -1062,7 +1060,7 @@ a.status-card.compact:hover {
display: block; display: block;
position: absolute; position: absolute;
top: 10px - 4px; top: 10px - 4px;
height: 48px + 4px + 4px; height: 46px + 4px + 4px;
width: 2px; width: 2px;
background: $ui-base-color; background: $ui-base-color;
inset-inline-start: -2px; inset-inline-start: -2px;
@ -1070,8 +1068,8 @@ a.status-card.compact:hover {
} }
&--first { &--first {
top: 10px + 48px + 4px; top: 10px + 46px + 4px;
height: calc(100% - (10px + 48px + 4px)); height: calc(100% - (10px + 46px + 4px));
&::before { &::before {
display: none; display: none;