|
5 | 5 |
|
6 | 6 | .input-group {
|
7 | 7 | > .form-control,
|
8 |
| - > .form-control-plaintext, |
9 |
| - > .custom-select, |
10 |
| - > .custom-file { |
| 8 | + > .form-control-plaintext { |
11 | 9 | flex: 1 1 0%;
|
12 | 10 | margin-bottom: 0;
|
13 | 11 |
|
|
19 | 17 |
|
20 | 18 | position: relative;
|
21 | 19 |
|
22 |
| - + .form-control, |
23 |
| - + .custom-select, |
24 |
| - + .custom-file { |
| 20 | + + .form-control { |
25 | 21 | margin-left: -$cadmin-input-border-width;
|
26 | 22 | }
|
27 | 23 | }
|
28 | 24 |
|
29 | 25 | // Bring the "active" form control to the top of surrounding elements
|
30 | 26 |
|
31 |
| - > .form-control:focus, |
32 |
| - > .custom-select:focus, |
33 |
| - > .custom-file .custom-file-input:focus ~ .custom-file-label { |
| 27 | + > .form-control:focus { |
34 | 28 | z-index: 3;
|
35 | 29 | }
|
36 | 30 |
|
37 |
| - // Bring the custom file input above the label |
38 |
| - > .custom-file .custom-file-input:focus { |
39 |
| - z-index: 4; |
40 |
| - } |
41 |
| - |
42 |
| - > .form-control, |
43 |
| - > .custom-select { |
| 31 | + > .form-control { |
44 | 32 | &:not(:last-child) {
|
45 | 33 | @include border-right-radius(0);
|
46 | 34 | }
|
|
49 | 37 | @include border-left-radius(0);
|
50 | 38 | }
|
51 | 39 | }
|
52 |
| - |
53 |
| - // Custom file inputs have more complex markup, thus requiring different |
54 |
| - // border-radius overrides. |
55 |
| - |
56 |
| - > .custom-file { |
57 |
| - align-items: center; |
58 |
| - display: flex; |
59 |
| - |
60 |
| - &:not(:last-child) .custom-file-label, |
61 |
| - &:not(:last-child) .custom-file-label::after { |
62 |
| - @include border-right-radius(0); |
63 |
| - } |
64 |
| - |
65 |
| - &:not(:first-child) .custom-file-label { |
66 |
| - @include border-left-radius(0); |
67 |
| - } |
68 |
| - } |
69 |
| -} |
70 |
| - |
71 |
| -.input-group-lg > .custom-select { |
72 |
| - @include border-radius($cadmin-input-border-radius-lg); |
73 |
| - |
74 |
| - font-size: $cadmin-input-font-size-lg; |
75 |
| - height: $cadmin-input-height-lg; |
76 |
| - line-height: $cadmin-input-line-height-lg; |
77 |
| - padding: $cadmin-input-padding-y-lg $cadmin-input-padding-x-lg; |
78 |
| -} |
79 |
| - |
80 |
| -.input-group-sm > .custom-select { |
81 |
| - @include border-radius($cadmin-input-border-radius-sm); |
82 |
| - |
83 |
| - font-size: $cadmin-input-font-size-sm; |
84 |
| - height: $cadmin-input-height-sm; |
85 |
| - line-height: $cadmin-input-line-height-sm; |
86 |
| - padding: $cadmin-input-padding-y-sm $cadmin-input-padding-x-sm; |
87 |
| -} |
88 |
| - |
89 |
| -.input-group-lg > .custom-select, |
90 |
| -.input-group-sm > .custom-select { |
91 |
| - padding-right: $cadmin-custom-select-padding-x + |
92 |
| - $cadmin-custom-select-indicator-padding; |
93 | 40 | }
|
94 | 41 |
|
95 | 42 | .input-group-prepend,
|
|
0 commit comments