mirrors/gotosocial
1
0
Fork 0
mirror of https://github.com/superseriousbusiness/gotosocial.git synced 2025-11-13 06:57:29 -06:00
Code Issues Projects Releases Packages Wiki Activity Actions

[bugfix] Fix display names in thread view causing wrapping issues on small screens (#698)

Browse source 
* use account.Acct for username

* allow username + displayname to wrap with ellipses

* use span 2 for displayname always

* remove commented-out line
This commit is contained in:
tobi 2022-07-09 13:37:06 +02:00 • committed by GitHub
commit 211266c072
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 10 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

15
web/source/css/status.css
View file

@ -61,25 +61,32 @@ main {
object-fit: cover;
background: $bg;
border: 0.1rem solid $acc2;
/* box-sizing: border-box; */
border-radius: calc($br / 1.5);
}
}
.displayname {
grid-column: span 2;
font-weight: bold;
font-size: 1.2rem;
line-height: 2rem;
margin-top: -0.5rem;
align-self: start;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.username {
color: $link_fg;
line-height: 2rem;
margin-top: -0.5rem;
justify-self: start;
align-self: start;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
input.spoiler:checked ~ .content {
@ -250,10 +257,6 @@ main {
background: $status_focus_bg;
padding-bottom: 0;
.displayname {
grid-column: span 2;
}
.text {
margin-top: 0;
grid-column: span 3;