diff options
| author | ThibG <thib@sitedethib.com> | 2020-03-06 15:20:14 +0100 |
|---|---|---|
| committer | Thibaut Girka <thib@sitedethib.com> | 2020-03-08 20:16:43 +0100 |
| commit | 3c96a0c21da6b2d3b31bd832f3be95189fccb4bd (patch) | |
| tree | ac551bc991dc471e17abf1a6e289e57a9777f994 | |
| parent | 6211eff739ab13c583499db9506bde7038d585b0 (diff) | |
[Glitch] Fix too large announcements not being scrollable in web UI
Port 503eab1c1f101e92f163ed4f8457cac9a6193ffc to glitch-soc Signed-off-by: Thibaut Girka <thib@sitedethib.com>
| -rw-r--r-- | app/javascript/flavours/glitch/styles/components/announcements.scss | 7 |
1 files changed, 6 insertions, 1 deletions
diff --git a/app/javascript/flavours/glitch/styles/components/announcements.scss b/app/javascript/flavours/glitch/styles/components/announcements.scss index eab6c728b..52feefd3c 100644 --- a/app/javascript/flavours/glitch/styles/components/announcements.scss +++ b/app/javascript/flavours/glitch/styles/components/announcements.scss @@ -1,5 +1,6 @@ .announcements__item__content { word-wrap: break-word; + overflow-y: auto; .emojione { width: 20px; @@ -69,17 +70,21 @@ box-sizing: border-box; width: 100%; padding: 15px; - padding-right: 15px + 18px; position: relative; font-size: 15px; line-height: 20px; word-wrap: break-word; font-weight: 400; + max-height: 50vh; + overflow: hidden; + display: flex; + flex-direction: column; &__range { display: block; font-weight: 500; margin-bottom: 10px; + padding-right: 18px; } &__unread { |