chore: 表单项宽度改成 width 而不是 min-width (#2580)

This commit is contained in:
liaoxuezhi 2021-09-18 13:14:18 +08:00 committed by GitHub
parent b72817e459
commit 32747910f8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -1,24 +1,4 @@
@use 'sass:math';
@mixin setControlWidth() {
width: var(--Form-control-widthBase);
&.#{$ns}Form-control--sizeXs {
min-width: auto;
width: var(--Form-control-widthXs);
}
&.#{$ns}Form-control--sizeSm {
min-width: auto;
width: var(--Form-control-widthSm);
}
&.#{$ns}Form-control--sizeMd {
min-width: auto;
width: var(--Form-control-widthMd);
}
&.#{$ns}Form-control--sizeLg {
min-width: auto;
width: var(--Form-control-widthLg);
}
}
.#{$ns}Form {
font-size: var(--Form-fontSize);
@ -164,7 +144,7 @@
.#{$ns}Form-control--sizeXs {
// min-width: var(--Form-control-widthXs);
// width: auto;
min-width: var(--Form-control-widthXs);
width: var(--Form-control-widthXs);
max-width: 100%;
display: inline-block;
vertical-align: top;
@ -180,7 +160,7 @@
}
.#{$ns}Form-control--sizeSm {
min-width: var(--Form-control-widthSm);
width: var(--Form-control-widthSm);
max-width: 100%;
display: inline-block;
vertical-align: top;
@ -196,7 +176,7 @@
}
.#{$ns}Form-control--sizeMd {
min-width: var(--Form-control-widthMd);
width: var(--Form-control-widthMd);
max-width: 100%;
display: inline-block;
vertical-align: top;
@ -207,7 +187,7 @@
}
.#{$ns}Form-control--sizeLg {
min-width: var(--Form-control-widthLg);
width: var(--Form-control-widthLg);
max-width: 100%;
display: inline-block;
vertical-align: top;
@ -300,10 +280,6 @@
display: inline-block;
vertical-align: top;
.#{$ns}TextControl {
@include setControlWidth();
}
> .#{$ns}Form-label {
padding-top: var(--Form-label-paddingTop);
margin-bottom: 0;