mirrors
/
gotosocial
mirror of
1
Fork 0
Code Issues Releases Activity

[frontend] change spacing of status, text always on it's own line, move status date on mobile (#883)

This commit is contained in:
f0x52 2022-10-03 18:26:41 +02:00 committed by GitHub
parent 3d9fb49895
commit fe238f8595
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 20 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
web/source/css/status.css
View File

@ -84,18 +84,19 @@ main {
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
/* margin-top: -0.5rem; */
line-height: 2rem;
} }
.displayname { .displayname {
font-weight: bold; font-weight: bold;
font-size: 1.2rem; font-size: 1.5rem;
line-height: 2rem;
margin-top: -0.5rem;
} }
.username { .username {
color: $link-fg; color: $link-fg;
font-size: 1rem;
line-height: 1.3rem;
} }
input.spoiler:checked ~ .content { input.spoiler:checked ~ .content {
@ -125,8 +126,9 @@ main {
.text { .text {
margin: 0; margin: 0;
grid-column: 2 / span 2; padding-top: 0.5rem;
grid-row: span 1; grid-row: span 1;
grid-column: 1 / span 3;
position: relative; position: relative;
z-index: 2; z-index: 2;
@ -370,11 +372,6 @@ main {
grid-column: span 2; grid-column: span 2;
} }
.text {
grid-column: 1 / span 3;
padding-top: 0.5rem;
}
.not-expanded { .not-expanded {
display: none; display: none;
} }
@ -392,4 +389,17 @@ main {
footer + div { /* something weird from the devstack.. */ footer + div { /* something weird from the devstack.. */
display: none; display: none;
}
@media screen and (max-width: 89ch) {
.toot {
.contentgrid {
grid-template-rows: 1.5rem 1.3rem 1.3rem auto;
}
.username, .not-expanded {
grid-column: 2;
grid-row: auto;
}
}
} }