+15
-14
lines changedFilter options
+15
-14
lines changed Original file line number Diff line number Diff line change
@@ -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});
@@ -212,9 +212,6 @@ export const BVFormBtnLabelControl = /*#__PURE__*/ Vue.extend({
212 212
? 'sr-only' // Hidden in button only mode
213 213
: [
214 214
'form-control',
215 -
'text-break',
216 -
'text-wrap',
217 -
'bg-transparent',
218 215
// Mute the text if showing the placeholder
219 216
{ 'text-muted': !value },
220 217
this.stateClass,
@@ -255,9 +252,6 @@ export const BVFormBtnLabelControl = /*#__PURE__*/ Vue.extend({
255 252
{
256 253
'btn-group': buttonOnly,
257 254
'form-control': !buttonOnly,
258 -
'd-flex': !buttonOnly,
259 -
'h-auto': !buttonOnly,
260 -
'align-items-stretch': !buttonOnly,
261 255
focus: hasFocus && !buttonOnly,
262 256
show: visible,
263 257
'is-valid': state === true,
You can’t perform that action at this time.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4