smartblock ui: add collapsed "advanced options" section

This commit is contained in:
ryan 2018-12-13 09:11:42 -06:00
parent 4752c728b9
commit 13d6df24fb
5 changed files with 141 additions and 101 deletions

View file

@ -634,4 +634,41 @@ li.spl_empty {
#criteria_add {
margin-bottom: 5px;
}
.smart-block-form dt, .smart-block-form dd {
float: none;
}
.smart-block-form dl:not(.search-criteria) {
display: flex;
width: 100%;
}
.smart-block-form dt {
flex: 1 0 20%;
margin: 0;
}
.smart-block-form dd {
flex: 0 0 80%;
margin: 0;
}
.collapsible-header .arrow-icon {
transition: 0.3s;
}
.collapsible-header.visible .arrow-icon {
transform: rotate(90deg);
}
.smart-block-advanced {
display: none;
}
.smart-block-form .smart-block-advanced dt {
flex: 0 0 40%;
margin: 0;
}
.smart-block-form .smart-block-advanced dd {
flex: 0 0 60%;
margin: 0;
}
.smart-block-form input[type='radio'], .smart-block-form input[type='checkbox'] {
vertical-align: middle;
margin: 0 5px;
}