Change: the layout of color input

This commit is contained in:
eight 2017-10-11 21:39:30 +08:00
parent 5b701d06ad
commit 2642206e32

View File

@ -680,11 +680,18 @@ fieldset > *:not(legend) {
} }
.config-dialog input, .config-dialog input,
.config-dialog select { .config-dialog select,
width: 100%; .config-dialog .onoffswitch {
width: 60px;
margin: 0; margin: 0;
height: 2em; height: 2em;
box-sizing: border-box; box-sizing: border-box;
vertical-align: middle;
}
.config-dialog .onoffswitch {
height: auto;
margin: calc((2em - 12px) / 2) 0;
} }
.config-dialog input[type="text"] { .config-dialog input[type="text"] {
@ -692,11 +699,14 @@ fieldset > *:not(legend) {
} }
.config-dialog label > :last-child { .config-dialog label > :last-child {
width: 60px;
box-sizing: border-box; box-sizing: border-box;
flex-shrink: 0; flex-shrink: 0;
} }
.config-dialog label > :last-child:not(.onoffswitch) > :not(:last-child) {
margin-right: 4px;
}
.detail-table { .detail-table {
border-collapse: collapse; border-collapse: collapse;
display: table; display: table;