Use min-height with clamping to preserve space without truncating early
This commit is contained in:
parent
4093c4f7f7
commit
3440da6f8f
1 changed files with 3 additions and 1 deletions
|
|
@ -197,7 +197,9 @@ export default {
|
||||||
.log-summary-text {
|
.log-summary-text {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: large;
|
font-size: large;
|
||||||
height: calc(2 * 1.4em); /* height of element is 2 lines */
|
|
||||||
|
/* Reserve two lines even when message is short. line-clamp handles truncation */
|
||||||
|
min-height: calc(2 * 1.4em);
|
||||||
line-height: 1.4em;
|
line-height: 1.4em;
|
||||||
padding: 0 5px; /* Give some padding so there's room for ... to not expand too far */
|
padding: 0 5px; /* Give some padding so there's room for ... to not expand too far */
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue