test/amis2
1
0
Fork 0
mirror of https://gitee.com/baidu/amis.git synced 2024-11-29 18:48:45 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

styles: 优化form label的line-height的计算方式 (#6847)

Browse Source 
* styles: 优化form label的line-height的计算方式

* styles: 优化form label的line-height的计算方式

---------

Co-authored-by: qinhaoyan <30946345+qinhaoyan@users.noreply.github.com>
This commit is contained in:
qkiroc 2023-05-11 14:17:02 +08:00 committed by GitHub
parent 32b13db819
commit fdc3872491
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 18 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/amis-ui/scss/_components.scss
View File

@ -1630,7 +1630,7 @@
--Form-item-fontColor: var(--Form-item-color);
--Form-item-fontSize: var(--fonts-size-7);
--Form-item-fontWeight: var(--fonts-weight-6);
--Form-item-lineHeight: var(--fonts-lineHeight-2);
--Form-item-lineHeight: var(--fonts-lineHeight-1);
--Form-item-star-color: var(--colors-error-5);
--Form-item-star-size: var(--sizes-size-7);
--Form-description-color: var(--colors-neutral-text-5);
@ -3316,7 +3316,7 @@
--Tag-base-paddingLeft: var(--sizes-size-5);
--Tag-base-paddingRight: var(--sizes-size-5);
--Tag-base-padding: var(--Tag-base-paddingTop) var(--Tag-base-paddingRight)
var(--Tag-base-paddingBottom) var(--Tag-base-paddingLeft);
var(--Tag-base-paddingBottom) var(--Tag-base-paddingLeft);
--Tag-model-normal-top-border-color: var(--colors-neutral-line-6);
--Tag-model-normal-top-border-width: var(--borders-width-2);
--Tag-model-normal-top-border-style: var(--borders-style-1);

19
packages/amis-ui/scss/components/form/_form.scss
View File

@ -262,7 +262,14 @@
}
> .#{$ns}Form-label {
line-height: px2rem(32px);
padding-top: calc(
(
var(--Form-input-height) - var(--Form-item-lineHeight) *
var(--Form-item-fontSize)
) / 2
);
word-break: break-word;
line-height: var(--Form-item-lineHeight);
margin: 0;
margin-right: var(--Form--horizontal-label-gap);
flex-shrink: 0;
@ -318,8 +325,14 @@
vertical-align: top;
> .#{$ns}Form-label {
height: px2rem(32px);
line-height: px2rem(32px);
padding-top: calc(
(
var(--Form-input-height) - var(--Form-item-lineHeight) *
var(--Form-item-fontSize)
) / 2
);
word-break: break-word;
line-height: var(--Form-item-lineHeight);
margin: 0;
margin-right: var(--Form-mode-inline-label-gap);