diff options
| author |  tobi <31960611+tsmethurst@users.noreply.github.com> | 2022-10-02 15:54:42 +0200 |
|---|---|---|
| committer |  GitHub <noreply@github.com> | 2022-10-02 15:54:42 +0200 |
| commit | deba75cad14f47bb42ea55e7d126d3adea7855a6 (patch) | |
| tree | a83c673900d827bb8cc3bb4a4d60cc37651e91be /web/source | |
| parent | fix emojis not showing in spoiler text (#878) (diff) | |
| download | gotosocial-deba75cad14f47bb42ea55e7d126d3adea7855a6.tar.xz | |
[chore] Use shorter timestamps in frontend for replies (#875)
* rename timestampShort -> timestampVague
* add ParseISO8601
* start fiddling with timestamp
* pad/margin a bit more consistently
* remove visibilty icon, change timestamp use
* update timestamp logic
* check + log errors
* properly cut-off long display- and usernames
Co-authored-by: f0x <f0x@cthu.lu>
Diffstat (limited to 'web/source')
| -rw-r--r-- | web/source/css/status.css | 34 |
1 files changed, 19 insertions, 15 deletions
diff --git a/web/source/css/status.css b/web/source/css/status.css index e34b3b091..c057aec4b 100644 --- a/web/source/css/status.css +++ b/web/source/css/status.css @@ -75,28 +75,27 @@ main { background: $bg; } } - - .displayname { - font-weight: bold; - font-size: 1.2rem; - line-height: 2rem; - margin-top: -0.5rem; - align-self: start; + .displayname, .username { + justify-self: start; + align-self: start; + + max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; + + /* margin-top: -0.5rem; */ + line-height: 2rem; } + .displayname { + font-weight: bold; + font-size: 1.2rem; + } + .username { color: $link-fg; - line-height: 2rem; - margin-top: -0.5rem; - align-self: start; - - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; } input.spoiler:checked ~ .content { @@ -180,7 +179,7 @@ main { } .media { - margin-top: 0.6rem; + margin-top: 0.5rem; border-radius: $br; grid-column: span 3; display: grid; @@ -362,6 +361,7 @@ main { .text { grid-column: 1 / span 3; + padding-top: 0.5rem; } .not-expanded { @@ -372,6 +372,10 @@ main { .info { display: flex; } + + .media { + margin-bottom: 0.5rem; + } } } |