Fixes combobox height with appendees (#1338)

--------- Signed-off-by: Shenoy Pratik <sgguruda@amazon.com>
opensearch-project · Aug 8, 2024 · f704404 · f704404
1 parent 1f67bce
commit f704404
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -10,6 +10,8 @@
 
 ### 🐛 Bug Fixes
 
+- Fixes combobox height with appendees ([#1338](https://github.com/opensearch-project/oui/pull/1338))
+
 ### 🚞 Infrastructure
 
 ### 📝 Documentation

diff --git a/src/components/combo_box/_combo_box.scss b/src/components/combo_box/_combo_box.scss
@@ -165,6 +165,19 @@
     }
   }
 
+  // Overrides the top and bottom padding of 8px with ouiFormControlLayout--group 
+  // when append/prepend is enabled, original top, bottom padding was 1px
+  .ouiFormControlLayout--group {
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+
+  // Overrides line-height of 16px coming from ouiFormControlLayout--group .ouiText
+  .ouiFormControlLayout--group .ouiText {
+    // sass-lint:disable-block no-important
+    line-height: 0 !important;
+  }
+
   // Overrides the ouiFormControlLayout prepend and append height that is 100%
   .ouiFormControlLayout__prepend,
   .ouiFormControlLayout__append {