github
/
element
mirror of https://github.com/ElemeFE/element
1
0
Fork 0
Code Issues Releases Wiki Activity

Switch: fix style inside Form

pull/979/head
Leopoldthecoder 2016-11-10 22:49:57 +08:00
parent 2ff91352be
commit a8adb5f3dc
2 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/theme-default/src/common/var.css
View File

@ -379,7 +379,8 @@
--switch-font-size: var(--font-size-base);
--switch-core-border-radius: 12px;
--switch-size: 46px 22px;
--switch-width: 46px;
--switch-height: 22px;
--switch-button-size: 16px;
/* Dialog

5
packages/theme-default/src/switch.css
View File

@ -7,6 +7,7 @@
display: inline-block;
position: relative;
font-size: var(--switch-font-size);
line-height: var(--switch-height);
@when disabled {
& .el-switch__core,
& .el-switch__label {
@ -18,7 +19,7 @@
transition: .2s;
position: absolute;
z-index: 10;
size: var(--switch-size);
size: var(--switch-width) var(--switch-height);
left: 0;
top: 0;
display: inline-block;
@ -57,7 +58,7 @@
display: inline-block;
vertical-align: middle;
position: relative;
size: var(--switch-size);
size: var(--switch-width) var(--switch-height);
border: 1px solid var(--switch-off-color);
outline: none;
border-radius: var(--switch-core-border-radius);