ant-design/components/select/style/status.less
hydraZty baf84e849f
style(Select): error border exclueds pagination (#36972)
Co-authored-by: hydraZty <hydra_zty@163.com>
2022-08-09 19:19:21 +08:00

50 lines
1.3 KiB
Plaintext

@import '../../input/style/mixin';
@select-prefix-cls: ~'@{ant-prefix}-select';
@pagination-prefix-cls: ~'@{ant-prefix}-pagination';
.select-status-color(
@text-color;
@border-color;
@background-color;
@hoverBorderColor;
@outlineColor;
) {
&.@{select-prefix-cls}:not(.@{select-prefix-cls}-disabled):not(.@{select-prefix-cls}-customize-input):not(.@{pagination-prefix-cls}-size-changer) {
.@{select-prefix-cls}-selector {
background-color: @background-color;
border-color: @border-color !important;
}
&.@{select-prefix-cls}-open .@{select-prefix-cls}-selector,
&.@{select-prefix-cls}-focused .@{select-prefix-cls}-selector {
.active(@border-color, @hoverBorderColor, @outlineColor);
}
}
}
.@{select-prefix-cls} {
&-status-error {
.select-status-color(@error-color, @error-color, @select-background, @error-color-hover, @error-color-outline);
}
&-status-warning {
.select-status-color(@warning-color, @warning-color, @input-bg, @warning-color-hover, @warning-color-outline);
}
&-status-error,
&-status-warning,
&-status-success,
&-status-validating {
&.@{select-prefix-cls}-has-feedback {
//.@{prefix-cls}-arrow,
.@{select-prefix-cls}-clear {
right: 32px;
}
.@{select-prefix-cls}-selection-selected-value {
padding-right: 42px;
}
}
}
}