Support custom-select sizing in input-group (#27677)

twbs · Nov 17, 2018 · 5042b3c · 5042b3c
1 parent 4734a92
commit 5042b3c
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/scss/_input-group.scss b/scss/_input-group.scss
@@ -128,6 +128,7 @@
 // manipulation.
 
 .input-group-lg > .form-control,
+.input-group-lg > .custom-select,
 .input-group-lg > .input-group-prepend > .input-group-text,
 .input-group-lg > .input-group-append > .input-group-text,
 .input-group-lg > .input-group-prepend > .btn,
@@ -140,6 +141,7 @@
 }
 
 .input-group-sm > .form-control,
+.input-group-sm > .custom-select,
 .input-group-sm > .input-group-prepend > .input-group-text,
 .input-group-sm > .input-group-append > .input-group-text,
 .input-group-sm > .input-group-prepend > .btn,
@@ -151,6 +153,11 @@
   @include border-radius($input-border-radius-sm);
 }
 
+.input-group-lg > .custom-select,
+.input-group-sm > .custom-select {
+  padding-right: ($custom-select-padding-x + $custom-select-indicator-padding);
+}
+
 
 // Prepend and append rounded corners
 //