fix(ui): prevent example select from overflowing (#7060)

This commit is contained in:
Mahtis Michel
2021-03-10 23:07:32 +01:00
committed by GitHub
parent 3ead825287
commit 072362244a
2 changed files with 5 additions and 1 deletions

View File

@@ -109,6 +109,7 @@ export default class ExamplesSelect extends React.PureComponent {
) : null ) : null
} }
<select <select
className="examples-select-element"
onChange={this._onDomSelect} onChange={this._onDomSelect}
value={ value={
isModifiedValueAvailable && isValueModified isModifiedValueAvailable && isValueModified

View File

@@ -127,7 +127,10 @@
.examples-select { .examples-select {
margin-bottom: .75em; margin-bottom: .75em;
display: inline-block;
.examples-select-element {
width: 100%;
}
&__section-label { &__section-label {
font-weight: bold; font-weight: bold;
font-size: .9rem; font-size: .9rem;