Skip to content

S
style_tool
Commit 41d88d46 authored by cyh's avatar cyh
Browse files
Options

表单样式调整，编译完以后的样式调整

parent 9a1f08dd
Show whitespace changes
Inline Side-by-side
Showing with 71 additions and 33 deletions
node_module/element-theme-chalk/src/form.scss
View file @ 41d88d46
......@@ -36,7 +36,7 @@
}
}
@include b(form-item) {
margin-bottom: 22px;
margin-bottom: 12px;
@include utils-clearfix;
& .el-form-item {
......@@ -98,14 +98,18 @@
float: left;
font-size: $--form-label-font-size;
color: $--color-text-regular;
line-height: 40px;
padding: 0 12px 0 0;
line-height: 32px;
padding: 0 8px 0 0;
box-sizing: border-box;
}
@include e(content) {
line-height: 40px;
line-height: 32px;
min-height: 32px;
position: relative;
font-size: 14px;
display: flex;
display: -webkit-flex;
align-items:center;
@include utils-clearfix;
.el-input-group {
......@@ -115,11 +119,13 @@
@include e(error) {
color: $--color-danger;
font-size: 12px;
line-height: 1;
padding-top: 4px;
position: absolute;
top: 100%;
left: 0;
line-height: 32px;
height: 32px;
white-space:nowrap;
margin-left:28px;
// position: absolute;
// top: 100%;
// left: 0;
@include m(inline) {
position: relative;
......@@ -156,6 +162,8 @@
}
.el-input__validateIcon {
color: $--color-danger;
position: relative;
right:-28px;
}
}
......@@ -164,4 +172,8 @@
display: inline-block;
}
}
.el-form-item__content .el-button{
margin-top:40px;
margin-left:16px;
}
}
theme/form.css
View file @ 41d88d46
......@@ -288,7 +288,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
display: block; }
.el-form-item {
margin-bottom: 22px; }
margin-bottom: 12px; }
.el-form-item::before,
.el-form-item::after {
display: table;
......@@ -330,14 +330,22 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
float: left;
font-size: 14px;
color: #666666;
line-height: 40px;
padding: 0 12px 0 0;
line-height: 32px;
padding: 0 8px 0 0;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.el-form-item__content {
line-height: 40px;
line-height: 32px;
min-height: 32px;
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::after {
display: table;
......@@ -349,11 +357,10 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-form-item__error {
color: #FF3D33;
font-size: 12px;
line-height: 1;
padding-top: 4px;
position: absolute;
top: 100%;
left: 0; }
line-height: 32px;
height: 32px;
white-space: nowrap;
margin-left: 28px; }
.el-form-item__error--inline {
position: relative;
top: auto;
......@@ -373,6 +380,11 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-form-item.is-error .el-input-group__prepend .el-input__inner {
border-color: transparent; }
.el-form-item.is-error .el-input__validateIcon {
color: #FF3D33; }
color: #FF3D33;
position: relative;
right: -28px; }
.el-form-item--feedback .el-input__validateIcon {
display: inline-block; }
.el-form-item .el-form-item__content .el-button {
margin-top: 40px;
margin-left: 16px; }
theme/index.css
View file @ 41d88d46
......@@ -31605,7 +31605,8 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-message-box__content {
padding: 0px 24px;
color: #333333;
font-size: 14px; }
font-size: 14px;
position: relative; }
.el-message-box__container {
position: relative; }
.el-message-box__input {
......@@ -32338,7 +32339,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
display: block; }
.el-form-item {
margin-bottom: 22px; }
margin-bottom: 12px; }
.el-form-item::before,
.el-form-item::after {
display: table;
......@@ -32380,14 +32381,22 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
float: left;
font-size: 14px;
color: #666666;
line-height: 40px;
padding: 0 12px 0 0;
line-height: 32px;
padding: 0 8px 0 0;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.el-form-item__content {
line-height: 40px;
line-height: 32px;
min-height: 32px;
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::after {
display: table;
......@@ -32399,11 +32408,10 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-form-item__error {
color: #FF3D33;
font-size: 12px;
line-height: 1;
padding-top: 4px;
position: absolute;
top: 100%;
left: 0; }
line-height: 32px;
height: 32px;
white-space: nowrap;
margin-left: 28px; }
.el-form-item__error--inline {
position: relative;
top: auto;
......@@ -32423,9 +32431,14 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-form-item.is-error .el-input-group__prepend .el-input__inner {
border-color: transparent; }
.el-form-item.is-error .el-input__validateIcon {
color: #FF3D33; }
color: #FF3D33;
position: relative;
right: -28px; }
.el-form-item--feedback .el-input__validateIcon {
display: inline-block; }
.el-form-item .el-form-item__content .el-button {
margin-top: 40px;
margin-left: 16px; }
/* BEM support Func
-------------------------- */
theme/message-box.css
View file @ 41d88d46
......@@ -1987,7 +1987,8 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-message-box__content {
padding: 0px 24px;
color: #333333;
font-size: 14px; }
font-size: 14px;
position: relative; }
.el-message-box__container {
position: relative; }
.el-message-box__input {
......
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