Found in elastic/kibana#141279 (comment) and easily reproducible in the Card > Selectable example by adding layout="horizontal" to any card.
I do not have enough flexbox intuition to propose a solution. This is the previous scss:
|
&.euiCard--hasIcon { |
|
flex-direction: row; |
|
// sass-lint:disable-block no-important |
|
align-items: flex-start !important; /* 3 */ |
|
|
|
.euiCard__top, |
|
.euiCard__content { |
|
width: auto; // Makes sure the top shrinks and the content grows |
|
margin-top: 0; |
|
} |
|
|
|
.euiCard__top .euiCard__icon { |
|
margin-top: 0; |
|
margin-right: $euiSize; |
|
} |
|
} |
Was
Now
Found in elastic/kibana#141279 (comment) and easily reproducible in the Card > Selectable example by adding
layout="horizontal"to any card.I do not have enough flexbox intuition to propose a solution. This is the previous scss:
eui/src/components/card/_card.scss
Lines 223 to 238 in 1505e2f
Was
Now