diff options
author | 2022-07-09 13:37:06 +0200 | |
---|---|---|
committer | 2022-07-09 13:37:06 +0200 | |
commit | 211266c0725dde354777425a1fe571e9bd1dddf8 (patch) | |
tree | ba7d276b93c4d0f24f6de7fb1badff99a7c4ed9a /web/source/css | |
parent | [frontend] Fix up status 'show more' and z-index (#701) (diff) | |
download | gotosocial-211266c0725dde354777425a1fe571e9bd1dddf8.tar.xz |
[bugfix] Fix display names in thread view causing wrapping issues on small screens (#698)
* use account.Acct for username
* allow username + displayname to wrap with ellipses
* use span 2 for displayname always
* remove commented-out line
Diffstat (limited to 'web/source/css')
-rw-r--r-- | web/source/css/status.css | 15 |
1 files changed, 9 insertions, 6 deletions
diff --git a/web/source/css/status.css b/web/source/css/status.css index 3f4b08edf..b0567c7ce 100644 --- a/web/source/css/status.css +++ b/web/source/css/status.css @@ -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; |