butter/keanu-weblite
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

Read more/less for long channel text messages

Browse source
This commit is contained in:
N-Pex 2024-11-05 09:51:27 +01:00
parent e1fdb51429
commit 0c08503ac7
4 changed files with 94 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/assets/css/channel.scss
View file

@ -71,6 +71,22 @@
color: black !important;
display: flex;
flex-direction: column;
.more-less-control__content {
transition: height 0.3s linear;
overflow: hidden;
}
.more-less-control.collapsed .more-less-control__content {
max-height: 4 * 24 * $chat-text-size; // Four lines - font size is 16 and line height 1.5
}
.more-less-control__read-more, .more-less-control__read-less {
font-family: "Inter", sans-serif;
font-size: 16 * $chat-text-size;
font-weight: 500;
line-height: 20.8 * $chat-text-size;
letter-spacing: 0.400 * $chat-text-size;
text-align: left;
color: #6360F0;
}
}
}
.bubble {
@ -128,7 +144,7 @@
color: black;
}
.poll-answer {
&.selected {
font-weight: 500;
}