mirror of
https://gitee.com/ant-design-vue/ant-design-vue.git
synced 2024-12-04 04:58:16 +08:00
ca2c77e4bd
* refactor(input): update input style * refactor(form): update form style about input component * refactor(input): update clearable icon style Modify the clearable icon style to prevent the width of the input box from changing due to the insertion of the icon
61 lines
1.1 KiB
Plaintext
61 lines
1.1 KiB
Plaintext
@import '../../style/themes/index';
|
|
@import '../../style/mixins/index';
|
|
@import './mixin';
|
|
|
|
// Input styles
|
|
.@{ant-prefix}-input {
|
|
.reset-component;
|
|
.input;
|
|
}
|
|
|
|
//== Style for input-group: input with label, with button or dropdown...
|
|
.@{ant-prefix}-input-group {
|
|
.reset-component;
|
|
.input-group(~'@{ant-prefix}-input');
|
|
&-wrapper {
|
|
display: inline-block;
|
|
width: 100%;
|
|
text-align: start;
|
|
vertical-align: top; // https://github.com/ant-design/ant-design/issues/6403
|
|
}
|
|
}
|
|
|
|
// Input with affix: prefix or suffix
|
|
.@{ant-prefix}-input-affix-wrapper {
|
|
.reset-component;
|
|
.input-affix-wrapper(~'@{ant-prefix}-input');
|
|
}
|
|
|
|
.@{ant-prefix}-input-password-icon {
|
|
color: @text-color-secondary;
|
|
cursor: pointer;
|
|
transition: all 0.3s;
|
|
|
|
&:hover {
|
|
color: #333;
|
|
}
|
|
}
|
|
|
|
.@{ant-prefix}-input-clear-icon {
|
|
.clear-icon;
|
|
vertical-align: 0;
|
|
}
|
|
|
|
.@{ant-prefix}-input-clear-icon-hidden {
|
|
visibility: hidden;
|
|
}
|
|
|
|
.@{ant-prefix}-input-textarea-clear-icon-hidden {
|
|
visibility: hidden;
|
|
}
|
|
|
|
.@{ant-prefix}-input-textarea-clear-icon {
|
|
.clear-icon;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
margin: 8px 8px 0 0;
|
|
}
|
|
|
|
@import './search-input';
|