Skip to content

Commit cdf23e7

Browse files
committed
fix(@clayui/css): Cadmin Input Group remove styles related to custom-select, custom-file
1 parent f0ee8fc commit cdf23e7

File tree

1 file changed

+4
-57
lines changed

1 file changed

+4
-57
lines changed

packages/clay-css/src/scss/cadmin/components/_input-groups.scss

Lines changed: 4 additions & 57 deletions
Original file line numberDiff line numberDiff line change
@@ -5,9 +5,7 @@
55

66
.input-group {
77
> .form-control,
8-
> .form-control-plaintext,
9-
> .custom-select,
10-
> .custom-file {
8+
> .form-control-plaintext {
119
flex: 1 1 0%;
1210
margin-bottom: 0;
1311

@@ -19,28 +17,18 @@
1917

2018
position: relative;
2119

22-
+ .form-control,
23-
+ .custom-select,
24-
+ .custom-file {
20+
+ .form-control {
2521
margin-left: -$cadmin-input-border-width;
2622
}
2723
}
2824

2925
// Bring the "active" form control to the top of surrounding elements
3026

31-
> .form-control:focus,
32-
> .custom-select:focus,
33-
> .custom-file .custom-file-input:focus ~ .custom-file-label {
27+
> .form-control:focus {
3428
z-index: 3;
3529
}
3630

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 {
4432
&:not(:last-child) {
4533
@include border-right-radius(0);
4634
}
@@ -49,47 +37,6 @@
4937
@include border-left-radius(0);
5038
}
5139
}
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;
9340
}
9441

9542
.input-group-prepend,

0 commit comments

Comments
 (0)