move to external css

elastic · Dec 8, 2020 · 65ff3e8 · 65ff3e8
1 parent 7e9c8fd
commit 65ff3e8
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/x-pack/plugins/global_search_bar/public/components/search_bar.scss b/x-pack/plugins/global_search_bar/public/components/search_bar.scss
@@ -1,3 +1,12 @@
+.kbnSearchOption__tagsList {
+  display: inline;
+
+  .euiBadge__text {
+    max-width: 100px;
+    text-overflow: ellipsis;
+  }
+}
+
 //TODO add these overrides to EUI so that search behaves the same globally
 .kbnSearchBar {
   width: 400px;

diff --git a/x-pack/plugins/global_search_bar/public/components/search_bar.tsx b/x-pack/plugins/global_search_bar/public/components/search_bar.tsx
@@ -109,10 +109,10 @@ const resultToOption = (
 
     option.append = (
       <ul
+        className="kbnSearchOption__tagsList"
         aria-label={i18n.translate('xpack.globalSearchBar.searchBar.optionTagListAriaLabel', {
           defaultMessage: 'Tags',
         })}
-        style={{ display: 'inline' }}
       >
         {tagBadges}
       </ul>