Resolve "Too long radio descriptions resize the entire row"

This commit is contained in:
JuniorJPDJ 2021-12-21 07:37:43 +00:00 committed by Georg Krause
commit 142008cbed
3 changed files with 28 additions and 7 deletions

View file

@ -1,13 +1,11 @@
.card .description {
word-wrap: break-word;
.ui.cards {
align-items: flex-start;
}
.ui.cards > .card,
.ui.card {
color: var(--card-text-color);
background: var(--card-background);
min-height: 200px;
&:not(.flat) {
box-shadow: var(--card-box-shadow);
}
@ -22,9 +20,22 @@
.meta {
color: var(--discrete-text-color);
}
.description {
word-wrap: break-word;
text-overflow: ellipsis;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -webkit-box;
}
.description.expanded {
text-overflow: initial;
overflow: initial;
-webkit-line-clamp: initial;
-webkit-box-orient: initial;
}
}
.ui.cards.app-cards {
$card-width: 14em;
$card-height: 23em;