test/amis
1
0
Fork 0
mirror of https://gitee.com/baidu/amis.git synced 2024-11-30 10:59:42 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

fix: 修复 group 下边距问题 (#1448)

Browse Source 
* fix: 修复 group 下边距问题

* fix: 修复 group 下边距问题

* 缩小表单项上下距离

* 表单 label 在 cxd 下也右对齐, 优化 group 下的展现
This commit is contained in:
吴多益 2021-01-26 15:44:50 +08:00 committed by GitHub
parent 5b7f3fbe80
commit cd274a204e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 12 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
scss/_properties.scss
View File

@ -630,7 +630,7 @@
);
--Form-input-placeholderColor: var(--text--muted-color);
--Form-item-gap: #{px2rem(15px)};
--Form-item-gap: #{px2rem(10px)};
--Form-label-paddingTop: calc(
(

20
scss/components/form/_group.scss
View File

@ -13,7 +13,7 @@
&--hor {
display: flex;
flex-wrap: wrap;
margin: calc(var(--Form-group-gutterWidth) / -2);
margin: 0 calc(var(--Form-group-gutterWidth) / -2);
align-items: flex-start;
&.v-middle {
@ -25,7 +25,7 @@
}
> * {
padding: calc(var(--Form-group-gutterWidth) / 2);
padding: 0 calc(var(--Form-group-gutterWidth) / 2);
}
> .#{$ns}Form-item--inline {
@ -43,34 +43,34 @@
}
&--lg {
margin: calc(var(--Form-group--lg-gutterWidth) / -2);
margin: 0 calc(var(--Form-group--lg-gutterWidth) / -2);
> * {
padding: calc(var(--Form-group--lg-gutterWidth) / 2);
padding: 0 calc(var(--Form-group--lg-gutterWidth) / 2);
}
}
&--md {
margin: calc(var(--Form-group--md-gutterWidth) / -2);
margin: 0 calc(var(--Form-group--md-gutterWidth) / -2);
> * {
padding: calc(var(--Form-group--md-gutterWidth) / 2);
padding: 0 calc(var(--Form-group--md-gutterWidth) / 2);
}
}
&--sm {
margin: calc(var(--Form-group--sm-gutterWidth) / -2);
margin: 0 calc(var(--Form-group--sm-gutterWidth) / -2);
> * {
padding: calc(var(--Form-group--sm-gutterWidth) / 2);
padding: 0 calc(var(--Form-group--sm-gutterWidth) / 2);
}
}
&--xs {
margin: calc(var(--Form-group--xs-gutterWidth) / -2);
margin: 0 calc(var(--Form-group--xs-gutterWidth) / -2);
> * {
padding: calc(var(--Form-group--xs-gutterWidth) / 2);
padding: 0 calc(var(--Form-group--xs-gutterWidth) / 2);
}
}
}

3
scss/themes/_cxd-variables.scss
View File

@ -76,7 +76,7 @@ $Wizard-steps-liAfterBorder: none !important;
--Page-header-paddingX: #{px2rem(20px)};
--Page-header-paddingY: #{px2rem(10px)};
--Form-item-gap: #{px2rem(20px)};
--Form-item-gap: #{px2rem(10px)};
--Form-input-height: #{px2rem(30px)};
--Form-input-onFocused-bg: var(--white);
--Form-input-borderRadius: 0;
@ -90,7 +90,6 @@ $Wizard-steps-liAfterBorder: none !important;
--Form-input-onDisabled-bg: #f5f5f5;
--Form-input-onDisabled-borderColor: #ebebeb;
--Form--horizontal-label-whiteSpace: nowrap;
--Form--horizontal-label-align: left;
--Form--horizontal-label-widthXs: #{px2rem(50px)};
--Form--horizontal-label-widthSm: #{px2rem(70px)};
--Form--horizontal-label-widthBase: #{px2rem(100px)};