Give permissions form legend heading styles

Also includes putting the text at the foot of the
checkboxes into a hint below the legend.
This commit is contained in:
Tom Byers
2019-05-07 16:02:47 +01:00
parent 80dec99a56
commit 20a94910cb
2 changed files with 14 additions and 5 deletions

View File

@@ -124,10 +124,20 @@ td {
.form-label { .form-label {
margin-bottom: 5px; margin-bottom: 5px;
&.heading-small {
@include bold-19();
}
} }
.hint { .hint {
color: $secondary-text-colour; color: $secondary-text-colour;
.form-label + & {
display: block;
margin-top: -5px;
margin-bottom: 5px;
}
} }
.list-bullet { .list-bullet {

View File

@@ -2,18 +2,17 @@
{% from "components/radios.html" import radio, radios, conditional_radio_panel %} {% from "components/radios.html" import radio, radios, conditional_radio_panel %}
<fieldset class="form-group"> <fieldset class="form-group">
<legend class="form-label"> <legend class="form-label heading-small">
Permissions Permissions
</legend> </legend>
<span class="hint">
All team members can see sent messages.
</span>
{% for field in form.permissions_fields %} {% for field in form.permissions_fields %}
{{ checkbox(field) }} {{ checkbox(field) }}
{% endfor %} {% endfor %}
</fieldset> </fieldset>
<p class="bottom-gutter">
All team members can see sent messages.
</p>
{% if current_service.has_permission("edit_folder_permissions") and form.folder_permissions.all_template_folders %} {% if current_service.has_permission("edit_folder_permissions") and form.folder_permissions.all_template_folders %}
{{ checkboxes_nested(form.folder_permissions, form.folder_permissions.children()) }} {{ checkboxes_nested(form.folder_permissions, form.folder_permissions.children()) }}
{% endif %} {% endif %}