@@ -8,13 +8,16 @@ $bv-form-btn-label-control-defined: false !default;
8
8
// Currently used by BFormTimepicker and BFormDatepicker
9
9
// Does not apply to button-only styling
10
10
.b-form-btn-label-control.form-control {
11
+ display : flex ;
12
+ align-items : stretch ;
13
+ height : auto ;
14
+ padding : 0 ;
11
15
// Remove background validation images and padding from
12
16
// main wrapper as they will be present in the inner label element
13
17
background-image : none ;
14
- padding : 0 ;
15
18
16
19
@at-root {
17
- // Handle input-group padding overrides
20
+ // Handle `. input-group` padding overrides
18
21
.input-group & {
19
22
padding : 0 ;
20
23
}
@@ -55,19 +58,23 @@ $bv-form-btn-label-control-defined: false !default;
55
58
padding : 0.5rem ;
56
59
}
57
60
58
- > label {
59
- outline : 0 ;
61
+ > .form-control {
62
+ height : auto ;
63
+ // Set a minimum height, as we have height set to `auto`
64
+ // (to allow the content to wrap, if needed)
65
+ // We subtract off the border, as we have border set to `0`
66
+ min-height : calc (#{$input-height } - #{$input-height-border } );
60
67
padding-left : 0.25rem ;
61
68
margin : 0 ;
62
69
border : 0 ;
70
+ outline : 0 ;
71
+ background : transparent ;
72
+ word-break : break-word ;
63
73
font-size : inherit ;
74
+ white-space : normal ;
64
75
@if $enable-pointer-cursor-for-buttons {
65
76
cursor : pointer ;
66
77
}
67
- // Set a minimum height, as we have height set to auto
68
- // (to allow the content to wrap if needed)
69
- // We subtract off the border, as we have border set to 0
70
- min-height : calc (#{$input-height } - #{$input-height-border } );
71
78
72
79
& .form-control-sm {
73
80
min-height : calc (#{$input-height-sm } - #{$input-height-border } );
0 commit comments