Skip to content

S
style_tool
Commit 5ac81906 authored by 刘安琪's avatar 刘安琪
Browse files
Options

调整form item间距，错误提示位置

parent 06d81700
Show whitespace changes
Inline Side-by-side
Showing with 14 additions and 34 deletions
node_module/element-theme-chalk/src/form.scss
View file @ 5ac81906
...@@ -36,7 +36,7 @@ ...@@ -36,7 +36,7 @@
} }
} }
@include b(form-item) { @include b(form-item) {
margin-bottom: 12px; margin-bottom: 18px;
@include utils-clearfix; @include utils-clearfix;
& .el-form-item { & .el-form-item {
...@@ -107,9 +107,6 @@ ...@@ -107,9 +107,6 @@
min-height: 32px; min-height: 32px;
position: relative; position: relative;
font-size: 14px; font-size: 14px;
display: flex;
display: -webkit-flex;
align-items:center;
@include utils-clearfix; @include utils-clearfix;
.el-input-group { .el-input-group {
...@@ -119,13 +116,10 @@ ...@@ -119,13 +116,10 @@
@include e(error) { @include e(error) {
color: $--color-danger; color: $--color-danger;
font-size: 12px; font-size: 12px;
line-height: 32px; line-height: 16px;
height: 32px; height: 16px;
white-space:nowrap; white-space:nowrap;
margin-left:28px; margin-bottom: -20px;
// position: absolute;
// top: 100%;
// left: 0;
@include m(inline) { @include m(inline) {
position: relative; position: relative;
......
theme/form.css
View file @ 5ac81906
...@@ -288,7 +288,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -288,7 +288,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
display: block; } display: block; }
.el-form-item { .el-form-item {
margin-bottom: 12px; } margin-bottom: 18px; }
.el-form-item::before, .el-form-item::before,
.el-form-item::after { .el-form-item::after {
display: table; display: table;
...@@ -338,14 +338,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -338,14 +338,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
line-height: 32px; line-height: 32px;
min-height: 32px; min-height: 32px;
position: relative; position: relative;
font-size: 14px; font-size: 14px; }
display: -webkit-box;
display: -ms-flexbox;
display: flex;
display: -webkit-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.el-form-item__content::before, .el-form-item__content::before,
.el-form-item__content::after { .el-form-item__content::after {
display: table; display: table;
...@@ -357,10 +350,10 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -357,10 +350,10 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-form-item__error { .el-form-item__error {
color: #FF3D33; color: #FF3D33;
font-size: 12px; font-size: 12px;
line-height: 32px; line-height: 16px;
height: 32px; height: 16px;
white-space: nowrap; white-space: nowrap;
margin-left: 28px; } margin-bottom: -20px; }
.el-form-item__error--inline { .el-form-item__error--inline {
position: relative; position: relative;
top: auto; top: auto;
......
theme/index.css
View file @ 5ac81906
...@@ -32359,7 +32359,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -32359,7 +32359,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
display: block; } display: block; }
.el-form-item { .el-form-item {
margin-bottom: 12px; } margin-bottom: 18px; }
.el-form-item::before, .el-form-item::before,
.el-form-item::after { .el-form-item::after {
display: table; display: table;
...@@ -32409,14 +32409,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -32409,14 +32409,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
line-height: 32px; line-height: 32px;
min-height: 32px; min-height: 32px;
position: relative; position: relative;
font-size: 14px; font-size: 14px; }
display: -webkit-box;
display: -ms-flexbox;
display: flex;
display: -webkit-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.el-form-item__content::before, .el-form-item__content::before,
.el-form-item__content::after { .el-form-item__content::after {
display: table; display: table;
...@@ -32428,10 +32421,10 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -32428,10 +32421,10 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-form-item__error { .el-form-item__error {
color: #FF3D33; color: #FF3D33;
font-size: 12px; font-size: 12px;
line-height: 32px; line-height: 16px;
height: 32px; height: 16px;
white-space: nowrap; white-space: nowrap;
margin-left: 28px; } margin-bottom: -20px; }
.el-form-item__error--inline { .el-form-item__error--inline {
position: relative; position: relative;
top: auto; top: auto;
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment