Commit c468f89b authored by Mark Otto's avatar Mark Otto Committed by Mark Otto
Browse files

Make custom select and file inputs 100% wide

Matches browser default inputs and swaps some max-width properties for a regular width
parent 28b9b40f
Showing with 2 additions and 4 deletions
+2 -4
......@@ -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;
......
......@@ -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;
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment