Modified extenden search form.

This commit is contained in:
Svetlana Rastegina 2021-02-05 21:06:42 +01:00
parent 1c3fb3ad4c
commit 2cb66eb4c6

View file

@ -6,19 +6,25 @@
.query-builder .rules-group-container, .query-builder .rule-container, .query-builder .rules-group-container, .query-builder .rule-container,
.query-builder .rule-placeholder { .query-builder .rule-placeholder {
position: relative; position: relative;
margin: 4px 0; margin: 10px 0;
/*border-radius: 5px;*/ /*border-radius: 5px;*/
padding: 5px; padding: 5px;
border: 1px dashed #000000; border: 1px dashed #000000;
background: rgba(255, 255, 255, 0.9); background: rgba(255, 255, 255, 0.9);
} }
.rule-container {
box-shadow: 0px 4px 4px #aeaeae;
}
.query-builder .rule-container .rule-filter-container, .query-builder .rule-container .rule-operator-container, .query-builder .rule-container .rule-filter-container, .query-builder .rule-container .rule-operator-container,
.query-builder .rule-container .rule-value-container, .query-builder .error-container, .query-builder .rule-container .rule-value-container, .query-builder .error-container,
.query-builder .drag-handle { .query-builder .drag-handle {
display: inline-block; display: inline-block;
margin: 0 5px 0 0; margin: 0 5px 0 0;
vertical-align: middle; /*vertical-align: middle;*/
} }
.query-builder .rules-group-container { .query-builder .rules-group-container {
@ -54,10 +60,11 @@
list-style: none; list-style: none;
padding: 0 0 0 15px; padding: 0 0 0 15px;
margin: 0; margin: 0;
box-shadow: 0px 0px #aeaeae;
} }
.query-builder .rule-value-container { .query-builder .rule-value-container {
border-left: 1px solid #DDD; /*border-left: 1px solid #DDD;*/
padding-left: 5px; padding-left: 5px;
} }
@ -72,7 +79,7 @@
.query-builder .rule-value-container select, .query-builder .rule-value-container input[type='text'], .query-builder .rule-value-container select, .query-builder .rule-value-container input[type='text'],
.query-builder .rule-value-container input[type='number'] { .query-builder .rule-value-container input[type='number'] {
padding: 1px; padding: 5px;
} }
.query-builder .error-container { .query-builder .error-container {
@ -97,18 +104,18 @@
left: -10px; left: -10px;
width: 10px; width: 10px;
height: calc(50% + 4px); height: calc(50% + 4px);
border-color: #CCC; border-color: #000000;
border-style: solid; border-style: dashed;
} }
.query-builder .rules-list>*::before { .query-builder .rules-list>*::before {
top: -4px; top: -4px;
border-width: 0 0 2px 2px; border-width: 0 0 1px 1px;
} }
.query-builder .rules-list>*::after { .query-builder .rules-list>*::after {
top: 50%; top: 50%;
border-width: 0 0 0 2px; border-width: 0 0 0 1px;
} }
.query-builder .rules-list>*:first-child::before { .query-builder .rules-list>*:first-child::before {