chore:移动端表单字体微调 (#3297)

This commit is contained in:
张涛 2021-12-29 20:52:28 +08:00 committed by GitHub
parent ada8fc72c8
commit e37ec174c7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 50 additions and 3 deletions

View File

@ -193,7 +193,7 @@
calc(var(--Panel-marginBottom) / 2);
.#{$ns}Panel-body {
padding-top: 0;
padding: 0 var(--gap-md) var(--gap-md);
}
> .#{$ns}Panel-heading {
@ -204,6 +204,7 @@
.#{$ns}Panel-title {
padding-left: var(--Panel-bodyPadding);
border-left: px2rem(3px) solid var(--primary);
font-size: var(--fontSizeLg);
}
}

View File

@ -435,20 +435,34 @@
}
> .#{$ns}Form-label {
flex: 0 0 30%;
max-width: 30%;
flex: 0 0 28%;
max-width: 28%;
min-height: 1px;
text-align: left;
padding-right: calc(var(--Form--horizontal-gutterWidth) / 2);
overflow-wrap: break-word;
margin-right: 0;
margin-bottom: 0;
font-size: var(--fontSizeLg);
}
.#{$ns}Form-description {
font-size: var(--fontSizeBase);
}
.#{$ns}TextControl-input {
font-size: var(--fontSizeLg);
input {
height: calc(var(--Form-input-lineHeight) * var(--fontSizeLg));
}
}
.#{$ns}Form-value,
.#{$ns}Form-control {
flex: 1;
flex-wrap: wrap;
font-size: var(--fontSizeLg);
&.is-disabled > .#{$ns}TextControl-input {
background: transparent;
@ -467,20 +481,47 @@
padding-bottom: 0;
}
.#{$ns}Form-group--horizontal .#{$ns}TextControl-input input {
height: var(--Form-input-height);
}
.#{$ns}Form-hint {
font-size: var(--fontSizeBase);
margin-left: 0;
color: var(--text--muted-color);
}
.#{$ns}TextControl-placeholder {
top: 0;
}
.#{$ns}Form-static {
min-height: 0;
}
.#{$ns}Form-description,
.#{$ns}Form-feedback {
font-size: var(--fontSizeBase);
}
.#{$ns}InputGroup {
.#{$ns}Select,
.#{$ns}InputGroup-btn .#{$ns}Button {
border: none;
}
> .#{$ns}TextControl-input input {
height: var(--Form-input-height);
}
}
.#{$ns}ColorPicker {
padding: 0;
border: none;
.#{$ns}ColorPicker-arrow {
display: none;
}
}
.#{$ns}Form-group--hor .#{$ns}Form-item .#{$ns}Button {
@ -502,6 +543,11 @@
outline-style: none;
}
}
.#{$ns}Form-control > .#{$ns}TextControl-input--multiple {
padding: 0;
min-height: 0;
}
}
.#{$ns}Form-groupColumn {