[Glitch] Fix too large announcements not being scrollable in web UI

Port 503eab1c1f to glitch-soc

Signed-off-by: Thibaut Girka <thib@sitedethib.com>
This commit is contained in:
ThibG 2020-03-06 15:20:14 +01:00 committed by Thibaut Girka
parent 6211eff739
commit 3c96a0c21d

View File

@ -1,5 +1,6 @@
.announcements__item__content { .announcements__item__content {
word-wrap: break-word; word-wrap: break-word;
overflow-y: auto;
.emojione { .emojione {
width: 20px; width: 20px;
@ -69,17 +70,21 @@
box-sizing: border-box; box-sizing: border-box;
width: 100%; width: 100%;
padding: 15px; padding: 15px;
padding-right: 15px + 18px;
position: relative; position: relative;
font-size: 15px; font-size: 15px;
line-height: 20px; line-height: 20px;
word-wrap: break-word; word-wrap: break-word;
font-weight: 400; font-weight: 400;
max-height: 50vh;
overflow: hidden;
display: flex;
flex-direction: column;
&__range { &__range {
display: block; display: block;
font-weight: 500; font-weight: 500;
margin-bottom: 10px; margin-bottom: 10px;
padding-right: 18px;
} }
&__unread { &__unread {