Adding more paddings exceptions

elastic · Sep 8, 2020 · cce3399 · cce3399
1 parent 0143b44
commit cce3399
Showing 1 changed file with 14 additions and 2 deletions.
diff --git a/src/components/combo_box/_combo_box.scss b/src/components/combo_box/_combo_box.scss
@@ -4,7 +4,7 @@
 
   /**
    * 1. Allow pills to truncate their text with an ellipsis.
-   * 2. Don't allow pills to overlap with the caret or clear button.
+   * 2. Don't allow pills to overlap with the caret, loading icon or clear button.
    * 3. The height on combo can be larger than normal text inputs.
    */
 
@@ -50,7 +50,11 @@
     }
 
     &.euiComboBox__inputWrap-isLoading {
-      @include euiFormControlLayoutPadding(3);
+      @include euiFormControlLayoutPadding(2); /* 2 */
+    }
+
+    &.euiComboBox__inputWrap-isLoading.euiComboBox__inputWrap-isClearable {
+      @include euiFormControlLayoutPadding(3); /* 2 */
     }
   }
 
@@ -114,6 +118,14 @@
       &.euiComboBox__inputWrap-isClearable {
         @include euiFormControlLayoutPadding(2, $compressed: true); /* 2 */
       }
+
+      &.euiComboBox__inputWrap-isLoading {
+        @include euiFormControlLayoutPadding(2, $compressed: true); /* 2 */
+      }
+
+      &.euiComboBox__inputWrap-isLoading.euiComboBox__inputWrap-isClearable {
+        @include euiFormControlLayoutPadding(3, $compressed: true); /* 2 */
+      }
     }
   }
 }