diff options
| author | Mark Otto <[email protected]> | 2017-12-22 21:16:38 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2017-12-23 17:50:52 -0800 |
| commit | c468f89b1c5fe1a7ae393791bc5ad86cd536b5ab (patch) | |
| tree | 4c2a95bd38cebd1a7757293c3fdbc80867de6bba | |
| parent | 28b9b40faaee2985945234f246b23601f34f9f6b (diff) | |
| download | bootstrap-c468f89b1c5fe1a7ae393791bc5ad86cd536b5ab.tar.xz bootstrap-c468f89b1c5fe1a7ae393791bc5ad86cd536b5ab.zip | |
Make custom select and file inputs 100% wide
Matches browser default inputs and swaps some max-width properties for a regular width
| -rw-r--r-- | scss/_custom-forms.scss | 5 | ||||
| -rw-r--r-- | scss/_variables.scss | 1 |
2 files changed, 2 insertions, 4 deletions
diff --git a/scss/_custom-forms.scss b/scss/_custom-forms.scss index e66638ba3..56093bc48 100644 --- a/scss/_custom-forms.scss +++ b/scss/_custom-forms.scss @@ -147,7 +147,7 @@ .custom-select { display: inline-block; - max-width: 100%; + width: 100%; height: $input-height; padding: $custom-select-padding-y ($custom-select-padding-x + $custom-select-indicator-padding) $custom-select-padding-y $custom-select-padding-x; line-height: $custom-select-line-height; @@ -219,13 +219,12 @@ .custom-file { position: relative; display: inline-block; - max-width: 100%; + width: 100%; height: $custom-file-height; margin-bottom: 0; } .custom-file-input { - min-width: $custom-file-width; max-width: 100%; height: $custom-file-height; margin: 0; diff --git a/scss/_variables.scss b/scss/_variables.scss index b51b99a3a..8ebb619cc 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -494,7 +494,6 @@ $custom-select-font-size-lg: 125% !default; $custom-select-height-lg: $input-height-lg !default; $custom-file-height: $input-height !default; -$custom-file-width: 14rem !default; $custom-file-focus-border-color: $input-focus-border-color !default; $custom-file-focus-box-shadow: $input-btn-focus-box-shadow !default; |