Set the background colour for backform notes, and add an icon. Fixes #3948

This commit is contained in:
Murtuza Zabuawala 2019-02-18 16:59:39 +00:00 committed by Dave Page
parent 554455fa75
commit e2482d2294
3 changed files with 22 additions and 18 deletions

View File

@ -2380,13 +2380,22 @@ define([
defaults: { defaults: {
label: gettext('Note'), label: gettext('Note'),
text: '', text: '',
extraClasses: [], extraClasses: ['pg-el-12', 'd-flex'],
noteClass: 'backform_control_notes', noteClass: 'backform-note',
faIcon: 'fa-file-text-o',
faExtraClass: 'fa-rotate-180 fa-flip-vertical',
iconWidthClass: 'col-0 pr-2',
textWidthClass: 'col-sm',
}, },
template: _.template([ template: _.template([
'<div class="<%=noteClass%> pg-el-12 <%=extraClasses.join(\' \')%>">', '<div class="<%=noteClass%> <%=extraClasses.join(\' \')%>">',
'<label class="control-label"><%=label%>:</label>', ' <div class="icon <%=iconWidthClass%>">',
'<span><%=text%></span></div>', ' <i class="fa <%=faIcon%> <%=faExtraClass%>" aria-hidden="true"></i>',
' </div>',
' <div class="<%=textWidthClass%>">',
' <span><%=text%></span>',
' </div>',
'</div>',
].join('\n')), ].join('\n')),
}); });

View File

@ -47,17 +47,12 @@
} }
} }
.backform_control_notes { .backform-note {
border: $panel-border; border-radius: $border-radius;
border-radius: $border-radius; padding: .25rem;
font-family: $font-family-editor; word-wrap: break-word;
font-size: 0.8rem; background: $border-color;
margin: 0 0 10px; color: $color-fg;
padding: 5px 10px;
word-wrap: break-word;
}
div.backform_control_notes label.control-label {
min-width: 0px;
} }
.subnode-header label { .subnode-header label {

View File

@ -93,7 +93,7 @@ define([
}, { }, {
id: 'globals_note', id: 'globals_note',
label: gettext('Note'), label: gettext('Note'),
text: gettext('Only objects global to the entire database will be backed up in PLAIN format'), text: gettext('Only objects global to the entire database will be backed up, in PLAIN format'),
type: 'note', type: 'note',
}, {}], }, {}],
validate: function() { validate: function() {
@ -229,7 +229,7 @@ define([
type: 'note', type: 'note',
visible: function(m) { visible: function(m) {
return m.get('type') === 'server'; return m.get('type') === 'server';
}, },Only objects global to the entire database will be backed up in PLAIN format
}, { }, {
type: 'nested', type: 'nested',
control: 'fieldset', control: 'fieldset',