mirror/element-plus
2
0
Fork 0
mirror of https://github.com/element-plus/element-plus.git synced 2025-02-05 11:21:11 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(components): [el-input] missing margin between two icons (#5942) (#6017)

Browse Source 
Co-authored-by: 寇超 <kouchao@xindong.com>
This commit is contained in:
kouchao 2022-02-15 16:00:32 +08:00 committed by GitHub
parent 7b7afc8f49
commit 3c8ff3aece
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/components/input/src/input.vue
View File

@ -13,7 +13,7 @@
[nsInput.m('prefix')]: $slots.prefix || prefixIcon,
[nsInput.m('suffix')]:
$slots.suffix || suffixIcon || clearable || showPassword,
[nsInput.m('suffix--password-clear')]: clearable && showPassword,
[nsInput.m('suffix--password-clear')]: showClear && showPwdVisible,
},
$attrs.class,
]"

9
packages/theme-chalk/src/input.scss
View File

@ -106,6 +106,7 @@
font-size: map.get($input-font-size, 'default');
cursor: pointer;
transition: var(--el-transition-color);
margin-left: 8px;
&:hover {
color: var(--el-input-clear-hover-color);
@ -262,15 +263,15 @@
);
@include m(suffix) {
.#{$namespace}-input__inner {
padding-right: $input-padding-size-with-extra-icon;
}
@include m(password-clear) {
.#{$namespace}-input__inner {
padding-right: 55px;
}
}
.#{$namespace}-input__inner {
padding-right: $input-padding-size-with-extra-icon;
}
}
@include m(prefix) {