The_Great_Archive/cryptpad
1
0
Fork 0
mirror of https://github.com/cryptpad/cryptpad.git synced 2026-09-14 11:05:41 +05:00
Code Issues Packages Projects Releases Wiki Activity

Improve form settings readability

Browse Source 
- add color to tiles that have a separate status
- changed order of settings
This commit is contained in:
David Benque 2022-12-12 11:31:50 +00:00
parent f535c778e3
commit 7563fc3d92
2 changed files with 13 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
www/form/app-form.less
View File

@ -229,6 +229,9 @@
& > *:not(:last-child) {
margin-bottom: 10px;
}
.cp-form-setting-title {
color: @cryptpad_color_link;
}
}
.cp-form-color-container {
@ -1248,6 +1251,9 @@
& > div:not(:last-child) {
margin-bottom: 10px;
}
.cp-form-setting-title {
color: @cryptpad_color_link;
}
}
}
& > .flatpickr-calendar {

14
www/form/inner.js
View File

@ -4384,7 +4384,7 @@ define([
var updateStr = function (val) {
$privacyStr.empty().append([
h('span', Messages.form_anonymous),
h('span.cp-form-setting-title', Messages.form_anonymous),
h('br'),
h('span', Messages['form_anonymous_'+ (val ? 'on' : 'off')])
]);
@ -4411,7 +4411,7 @@ define([
updateStr(val);
});
});
$privacy.append(h('div.cp-form-status', Messages.form_anonymous));
$privacy.append(h('div.cp-form-status.cp-form-setting-title', Messages.form_anonymous));
$privacy.append(h('div.cp-form-actions', radioContainer));
};
refreshPrivacy();
@ -4442,7 +4442,7 @@ define([
if (!edit && mult) { key = 'multiple'; }
if (edit && mult) { key = 'multiple_edit'; }
$editableStr.empty().append([
h('span', Messages.form_editable_str),
h('span.cp-form-setting-title', Messages.form_editable_str),
h('br'),
h('span', Messages['form_'+key])
]);
@ -4500,7 +4500,7 @@ define([
updateStr(!content.answers.cantEdit, content.answers.multiple);
});
});
$editable.append(h('div.cp-form-status', Messages.form_editable_str));
$editable.append(h('div.cp-form-status.cp-form-setting-title', Messages.form_editable_str));
$editable.append(h('div.cp-form-actions', radioContainer));
};
refreshEditable();
@ -4648,9 +4648,9 @@ define([
endDateContainer,
anonContainer,
notifContainer,
resultsType,
privacyContainer,
editableContainer,
resultsType,
]);
var modalBtn = h('button.btn.btn-secondary', [
h('i.fa.fa-wrench'),
@ -4667,9 +4667,9 @@ define([
endDateStr,
anonStr,
notifStr,
resultsStr,
privacyStr,
editableStr,
resultsStr
editableStr
]);
return [