moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

MaterialStatus: stack avatars on top

This commit is contained in:
Alex Gleason 2021-11-22 14:38:11 -06:00
parent dbf72550dc
commit a9a84f6701
No known key found for this signature in database
GPG Key ID: 7211D1F99744FBB7
1 changed files with 33 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
app/styles/components/status.scss
View File

@ -728,6 +728,39 @@ a.status-card.compact:hover {
@include standard-panel; @include standard-panel;
padding: 15px 0 10px; padding: 15px 0 10px;
} }
.status {
padding: 8px 10px;
&__avatar {
position: relative;
margin-right: 10px;
top: 0;
left: 0;
}
&__profile {
display: flex;
align-items: center;
}
&__display-name {
.display-name__account {
display: block;
}
}
}
}
@media screen and (min-width: 630px) {
.columns-area .material-status .status {
padding: 15px;
&__avatar {
top: 0;
left: 0;
}
}
} }
.attachment-thumbs { .attachment-thumbs {