[Glitch] Fix too large announcements not being scrollable in web UI
Port 503eab1c1f
to glitch-soc
Signed-off-by: Thibaut Girka <thib@sitedethib.com>
main
parent
6211eff739
commit
3c96a0c21d
|
@ -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 {
|
||||||
|
|
Loading…
Reference in New Issue