summaryrefslogtreecommitdiff
path: root/web/source/css
diff options
context:
space:
mode:
authorLibravatar tobi <31960611+tsmethurst@users.noreply.github.com>2022-07-09 13:37:06 +0200
committerLibravatar GitHub <noreply@github.com>2022-07-09 13:37:06 +0200
commit211266c0725dde354777425a1fe571e9bd1dddf8 (patch)
treeba7d276b93c4d0f24f6de7fb1badff99a7c4ed9a /web/source/css
parent[frontend] Fix up status 'show more' and z-index (#701) (diff)
downloadgotosocial-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.css15
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;