test/element-plus
1
0
Fork 0
mirror of https://gitee.com/element-plus/element-plus.git synced 2024-11-30 02:08:12 +08:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

fix(components): input textarea padding & label line-height (#7570)

Browse Source 
* fix(components): input textarea padding & label line-height

* fix(components): form label top align by line-height
This commit is contained in:
云游君 2022-05-09 19:39:23 +08:00 committed by GitHub
parent 92d3fcee3c
commit 4873d833e9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
packages/theme-chalk/src/form.scss
View File

@ -140,18 +140,20 @@ $form-item-label-top-margin-bottom: map.merge(
@include e(label-wrap) {
display: flex;
.#{$namespace}-form-item__label {
display: inline-block;
}
}
@include e(label) {
display: inline-flex;
justify-content: flex-end;
align-items: flex-start;
flex: 0 0 auto;
text-align: right;
font-size: getCssVar('form-label-font-size');
color: getCssVar('text-color', 'regular');
height: #{map.get($form-item-line-height, 'default')};
line-height: #{map.get($form-item-line-height, 'default')};
padding: 0 12px 0 0;
box-sizing: border-box;
}

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

@ -43,7 +43,7 @@
position: relative;
display: block;
resize: vertical;
padding: 5px 15px;
padding: 5px map.get($input-padding-horizontal, 'default')-$border-width;
line-height: 1.5;
box-sizing: border-box;
width: 100%;