rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-04-10 02:02:26 +02:00
Code Issues Actions 12 Packages Releases Activity

Make custom select and file inputs 100% wide

Browse Source 
Matches browser default inputs and swaps some max-width properties for a regular width
This commit is contained in:
Mark Otto 2017-12-22 21:16:38 -08:00 committed by Mark Otto
parent 28b9b40faa
commit c468f89b1c
2 changed files with 2 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
scss/_custom-forms.scss
View File

@ -147,7 +147,7 @@
.custom-select { .custom-select {
display: inline-block; display: inline-block;
max-width: 100%; width: 100%;
height: $input-height; height: $input-height;
padding: $custom-select-padding-y ($custom-select-padding-x + $custom-select-indicator-padding) $custom-select-padding-y $custom-select-padding-x; 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; line-height: $custom-select-line-height;
@ -219,13 +219,12 @@
.custom-file { .custom-file {
position: relative; position: relative;
display: inline-block; display: inline-block;
max-width: 100%; width: 100%;
height: $custom-file-height; height: $custom-file-height;
margin-bottom: 0; margin-bottom: 0;
} }
.custom-file-input { .custom-file-input {
min-width: $custom-file-width;
max-width: 100%; max-width: 100%;
height: $custom-file-height; height: $custom-file-height;
margin: 0; margin: 0;

1
scss/_variables.scss
View File

@ -494,7 +494,6 @@ $custom-select-font-size-lg: 125% !default;
$custom-select-height-lg: $input-height-lg !default; $custom-select-height-lg: $input-height-lg !default;
$custom-file-height: $input-height !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-border-color: $input-focus-border-color !default;
$custom-file-focus-box-shadow: $input-btn-focus-box-shadow !default; $custom-file-focus-box-shadow: $input-btn-focus-box-shadow !default;