FreakU
/
Retrospring
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

use height limiting instead of legacy line-clamp

This commit is contained in:
Andreas Nedbal 2023-01-13 15:58:07 +01:00
parent 0d41da54b8
commit 8b4909ab80
1 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
app/assets/stylesheets/components/_collapse.scss
View File

@ -1,23 +1,22 @@
@use "sass:map";
.collapsed {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
&.answerbox__answer-text {
-webkit-line-clamp: 12;
max-height: 18rem;
@include media-breakpoint-up('sm') {
-webkit-line-clamp: 7;
max-height: 10.5rem;
}
}
&.answerbox__question-text {
-webkit-line-clamp: 10;
max-height: 15rem;
@include media-breakpoint-up('sm') {
-webkit-line-clamp: 5;
max-height: 7.5rem;
}
}
}