styling

Signed-off-by: abbyhu2000 <abigailhu2000@gmail.com>
opensearch-project · Jul 19, 2024 · b563d75 · b563d75
1 parent 0ce0009
commit b563d75
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 16 deletions.
diff --git a/src/plugins/data/public/ui/query_editor/_language_selector.scss b/src/plugins/data/public/ui/query_editor/_language_selector.scss
@@ -2,13 +2,10 @@
  * Copyright OpenSearch Contributors
  * SPDX-License-Identifier: Apache-2.0
  */
-.osdQueryBar__languageSelector {
-  font-size: small;
-}
+.languageSelector {
+  height: 100%;
 
-.osdQueryBar__languageSelectorFooter {
-  font-size: smaller;
-  padding-left: 0;
-  padding-top: 2px;
-  color: $ouiTextSubduedColor;
+  * {
+    font-size: small;
+  }
 }
diff --git a/src/plugins/data/public/ui/query_editor/_query_editor.scss b/src/plugins/data/public/ui/query_editor/_query_editor.scss
@@ -28,10 +28,6 @@
     font-size: medium;
     align-items: center;
   }
-
-  #languageSelector {
-    height: 100%;
-  }
 }
 
 .osdQueryEditor__languageWrapper {

diff --git a/src/plugins/data/public/ui/query_editor/language_selector.tsx b/src/plugins/data/public/ui/query_editor/language_selector.tsx
@@ -100,14 +100,11 @@ export const QueryLanguageSelector = (props: QueryLanguageSelectorProps) => {
   });
   return (
     <EuiPopover
-      id="languageSelector"
+      className="languageSelector"
       button={
         <EuiButtonEmpty
           iconSide="right"
           onClick={onButtonClick}
-          className={
-            props.isFooter ? 'osdQueryBar__languageSelectorFooter' : 'osdQueryBar__languageSelector'
-          }
           iconType={props.isFooter ? 'arrowDown' : undefined}
         >
           {selectedLanguage.label}