diff options
| author | Zedicius <[email protected]> | 2020-03-23 18:36:54 +0100 |
|---|---|---|
| committer | GitHub <[email protected]> | 2020-03-23 18:36:54 +0100 |
| commit | 64a5987cc0927f4d1efecb7e1407d3bc3d6c23af (patch) | |
| tree | 27e8e14fcce3e82b68e78d57808033b0e5300653 /scss | |
| parent | 8f84d4051b4b31a0a02574316b849af29c8380c4 (diff) | |
| download | bootstrap-64a5987cc0927f4d1efecb7e1407d3bc3d6c23af.tar.xz bootstrap-64a5987cc0927f4d1efecb7e1407d3bc3d6c23af.zip | |
File chooser size (#30040)
Co-authored-by: David Van Doninck <[email protected]>
Co-authored-by: XhmikosR <[email protected]>
Co-authored-by: Martijn Cuppens <[email protected]>
Diffstat (limited to 'scss')
| -rw-r--r-- | scss/_variables.scss | 10 | ||||
| -rw-r--r-- | scss/forms/_form-file.scss | 24 |
2 files changed, 32 insertions, 2 deletions
diff --git a/scss/_variables.scss b/scss/_variables.scss index 8c3c046d4..21b497784 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -747,6 +747,16 @@ $form-file-box-shadow: $input-box-shadow !default; $form-file-button-color: $form-file-color !default; $form-file-button-bg: $input-group-addon-bg !default; +$form-file-padding-y-sm: $input-padding-y-sm !default; +$form-file-padding-x-sm: $input-padding-x-sm !default; +$form-file-font-size-sm: $input-font-size-sm !default; +$form-file-height-sm: $input-height-sm !default; + +$form-file-padding-y-lg: $input-padding-y-lg !default; +$form-file-padding-x-lg: $input-padding-x-lg !default; +$form-file-font-size-lg: $input-font-size-lg !default; +$form-file-height-lg: $input-height-lg !default; + // Form validation diff --git a/scss/forms/_form-file.scss b/scss/forms/_form-file.scss index 8e9c6c443..947f77aca 100644 --- a/scss/forms/_form-file.scss +++ b/scss/forms/_form-file.scss @@ -7,7 +7,7 @@ position: relative; z-index: 2; width: 100%; - height: $form-file-height; + height: 100%; margin: 0; opacity: 0; @@ -32,7 +32,7 @@ left: 0; z-index: 1; display: flex; - height: $form-file-height; + height: 100%; border-color: $form-file-border-color; @include border-radius($form-file-border-radius); @include box-shadow($form-file-box-shadow); @@ -69,3 +69,23 @@ border-width: $form-file-border-width; @include border-right-radius(inherit); } + +.form-file-sm { + height: $form-file-height-sm; + @include font-size($form-file-font-size-sm); + + .form-file-text, + .form-file-button { + padding: $form-file-padding-y-sm $form-file-padding-x-sm; + } +} + +.form-file-lg { + height: $form-file-height-lg; + @include font-size($form-file-font-size-lg); + + .form-file-text, + .form-file-button { + padding: $form-file-padding-y-lg $form-file-padding-x-lg; + } +} |