Improve condition editor UI layout

pull/1/head
David Benqué 3 years ago
parent a9f131f051
commit e53261bd2d

@ -179,12 +179,15 @@
.cp-form-conditional { .cp-form-conditional {
.cp-form-conditional-hint {
margin-bottom: 10px;
}
.cp-form-condition { .cp-form-condition {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; margin-bottom: 10px;
& > *:not(:first-child) { & > *:not(:first-child) {
margin-left: 40px; margin-left: 10px;
} }
.cp-dropdown-container button { .cp-dropdown-container button {
max-width: 200px; max-width: 200px;
@ -202,8 +205,9 @@
div.cp-form-section-sortable { div.cp-form-section-sortable {
min-height: 300px; min-height: 300px;
border: 4px dotted white; // XXX border: 2px dashed @cryptpad_text_col; // XXX
padding: 20px; padding: 20px;
margin-top: 10px;
background: @cp_app-bg; background: @cp_app-bg;
.cp-form-creator-add-inline { .cp-form-creator-add-inline {
button[data-type="section"] { button[data-type="section"] {

@ -1013,7 +1013,6 @@ define([
var tag = h('div.cp-form-section-edit', [ var tag = h('div.cp-form-section-edit', [
h('i.fa.fa-question'), h('i.fa.fa-question'),
h('span', Messages.form_type_section), h('span', Messages.form_type_section),
h('hr'),
sortable sortable
]); ]);
if (APP.isEditor) { if (APP.isEditor) {
@ -3156,10 +3155,10 @@ define([
}; };
Messages.form_conditional = "Only show this question when:"; // XXX Messages.form_conditional = "Only show this section when:"; // XXX
conditionalDiv = h('div.cp-form-conditional', [ conditionalDiv = h('div.cp-form-conditional', [
h('div', Messages.form_conditional), h('div.cp-form-conditional-hint', Messages.form_conditional),
addCondition addCondition
]); ]);
var $condition = $(conditionalDiv); var $condition = $(conditionalDiv);

Loading…
Cancel
Save