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

@ -1013,7 +1013,6 @@ define([
var tag = h('div.cp-form-section-edit', [
h('i.fa.fa-question'),
h('span', Messages.form_type_section),
h('hr'),
sortable
]);
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', [
h('div', Messages.form_conditional),
h('div.cp-form-conditional-hint', Messages.form_conditional),
addCondition
]);
var $condition = $(conditionalDiv);

Loading…
Cancel
Save