Skip to content

Commit

Permalink
fix(ui): prevent example select from overflowing (#7060)
Browse files Browse the repository at this point in the history
  • Loading branch information
mathis-m authored Mar 10, 2021
1 parent 3ead825 commit 0723622
Show file tree
Hide file tree
Showing 2 changed files with 5 additions and 1 deletion.
1 change: 1 addition & 0 deletions src/core/components/examples-select.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -109,6 +109,7 @@ export default class ExamplesSelect extends React.PureComponent {
) : null
}
<select
className="examples-select-element"
onChange={this._onDomSelect}
value={
isModifiedValueAvailable && isValueModified
Expand Down
5 changes: 4 additions & 1 deletion src/style/_layout.scss
Original file line number Diff line number Diff line change
Expand Up @@ -127,7 +127,10 @@

.examples-select {
margin-bottom: .75em;

display: inline-block;
.examples-select-element {
width: 100%;
}
&__section-label {
font-weight: bold;
font-size: .9rem;
Expand Down

0 comments on commit 0723622

Please sign in to comment.