fix(code/frontend): combobox in search setting flyout should be stret…

…ched to fit the width (#33553)
elastic · Mar 21, 2019 · b9389f5 · b9389f5
1 parent 62a07eb
commit b9389f5
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 1 deletion.
diff --git a/x-pack/plugins/code/public/components/query_bar/components/options.tsx b/x-pack/plugins/code/public/components/query_bar/components/options.tsx
@@ -89,7 +89,12 @@ export class SearchOptions extends Component<Props, State> {
       });
 
       optionsFlyout = (
-        <EuiFlyout onClose={this.closeOptionsFlyout} size="s" aria-labelledby="flyoutSmallTitle">
+        <EuiFlyout
+          onClose={this.closeOptionsFlyout}
+          size="s"
+          aria-labelledby="flyoutSmallTitle"
+          className="code-search-settings-flyout"
+        >
           <EuiFlyoutHeader>
             <EuiTitle size="s">
               <h2 id="flyoutSmallTitle"> Search Settings </h2>

diff --git a/x-pack/plugins/code/public/components/query_bar/query_bar.scss b/x-pack/plugins/code/public/components/query_bar/query_bar.scss
@@ -0,0 +1,3 @@
+.code-search-settings-flyout {
+  max-width: 28rem;
+}
diff --git a/x-pack/plugins/code/public/index.scss b/x-pack/plugins/code/public/index.scss
@@ -15,3 +15,4 @@
 @import "./style/markdown.scss";
 @import "./style/shortcuts.scss";
 @import "./components/symbol_tree/symbol_tree.scss";
+@import "./components/query_bar/query_bar.scss";