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

swagger-api · Mar 10, 2021 · 0723622 · 0723622
1 parent 3ead825
commit 0723622
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/core/components/examples-select.jsx b/src/core/components/examples-select.jsx
@@ -109,6 +109,7 @@ export default class ExamplesSelect extends React.PureComponent {
           ) : null
         }
         <select
+          className="examples-select-element"
           onChange={this._onDomSelect}
           value={
             isModifiedValueAvailable && isValueModified

diff --git a/src/style/_layout.scss b/src/style/_layout.scss
@@ -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;