Resolve "Too long radio descriptions resize the entire row"
This commit is contained in:
parent
0873a6e916
commit
142008cbed
3 changed files with 28 additions and 7 deletions
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue