darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-08-24 00:07:02 -04:00
Code Issues Packages Projects Releases Wiki Activity

Fixed a few broken styles in the template search

Browse Source
This commit is contained in:
Jonathan Bobel
2023-08-14 15:02:07 -04:00
parent 68d49fc8dd
commit ffafc16430
4 changed files with 13 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
app/assets/sass/uswds/_uswds-theme-custom-styles.scss
View File

@@ -149,16 +149,12 @@ td.table-empty-message {
margin: 0 units(0.5); margin: 0 units(0.5);
} }
.usa-template-list-template { .usa-template-list-template, .template-list-template {
background: url(../img/material-icons/description.svg) no-repeat; background: url(../img/material-icons/description.svg) no-repeat;
padding-left: units(4); padding-left: units(4);
display: inline-flex; display: inline-flex;
} }
.template-list-item-hint {
padding-left: units(4);
}
.js-enabled .live-search { .js-enabled .live-search {
display: flex; display: flex;
margin-bottom: units(2); margin-bottom: units(2);
@@ -191,7 +187,8 @@ td.table-empty-message {
.sticky-template-form { .sticky-template-form {
margin: 0; margin: 0;
padding: 0; border: 1px solid color("gray-cool-10");
padding: units(2);
&:focus { &:focus {
outline-offset: units(1); outline-offset: units(1);
} }
@@ -282,7 +279,12 @@ td.table-empty-message {
max-height: 500px; max-height: 500px;
overflow-y: auto; overflow-y: auto;
padding-left: units(1); padding-left: units(1);
margin: units(2) 0; margin: units(2) 0 units(5);
ul {
padding: 0;
margin: 0;
list-style: none;
}
} }
// Tabs // Tabs

2
app/templates/views/templates/_template_list.html
View File

@@ -21,7 +21,7 @@
{% endif %} {% endif %}
</p> </p>
{% else %} {% else %}
<nav id="template-list" class="{{ 'govuk-!-margin-top-1' if (not show_template_nav and not show_search_box) else 'govuk-!-margin-top-6' }}"> <nav id="template-list">
{% set checkboxes_data = [] %} {% set checkboxes_data = [] %}
{% if not current_user.has_permissions('manage_templates') %} {% if not current_user.has_permissions('manage_templates') %}

4
app/templates/views/templates/choose-reply.html
View File

@@ -51,11 +51,11 @@
<span class="live-search-relevant">{{ item.name }}</span> <span class="live-search-relevant">{{ item.name }}</span>
</a> </a>
{% else %} {% else %}
<a class="usa-link template-list-template" href="{{ url_for('.conversation_reply_with_template', service_id=current_service.id, template_id=item.id, notification_id=notification_id) }}"> <a class="usa-link usa-template-list-template" href="{{ url_for('.conversation_reply_with_template', service_id=current_service.id, template_id=item.id, notification_id=notification_id) }}">
<span class="live-search-relevant">{{ item.name }}</span> <span class="live-search-relevant">{{ item.name }}</span>
</a> </a>
{% endif %} {% endif %}
<p class="template-list-item-hint govuk-hint"> <p class="template-list-item-hint usa-hint usa-checkbox__label-description">
{{ item.hint }} {{ item.hint }}
</p> </p>
</li> </li>

2
app/templates/views/templates/copy.html
View File

@@ -51,7 +51,7 @@
<span class="live-search-relevant">{{ item.name }}</span> <span class="live-search-relevant">{{ item.name }}</span>
</a> </a>
{% endif %} {% endif %}
<p class="template-list-item-hint govuk-hint"> <p class="template-list-item-hint usa-hint usa-checkbox__label-description">
{{ item.hint }} {{ item.hint }}
</p> </p>
</li> </li>