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

Merge pull request #2151 from GSA/2135-send-message-flow-h1-changes

Browse Source 
2135 - Send Message A11Y Audit - Adjust headers in Send Message flow
This commit is contained in:
Beverly Nguyen
2024-12-05 14:05:06 -08:00
committed by GitHub
parent 7b56372415 d684168a90
commit 28a6b44a98
17 changed files with 101 additions and 90 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -231,6 +231,13 @@ td.table-empty-message {
background-position: 0;
}
.folder-heading-template {
background: url(../img/material-icons/wysiwyg.svg) no-repeat;
padding-left: units(4);
display: inline-block;
background-position: 0;
}
.usa-checkbox .usa-checkbox__label {
+ a.template-list-folder {
margin-left: units(4);
@@ -265,6 +272,7 @@ td.table-empty-message {
margin-bottom: units(2);
.usa-form-group {
@include u-width("mobile-lg");
margin-top: units(2);
}
input#search {
width: 100%;
@@ -397,6 +405,11 @@ td.table-empty-message {
background-image: url(../img/material-icons/description.svg);
}
}
.get-started {
border: 1px solid color("gray-90");
padding: units(2);
margin-bottom: units(4);
}
}
.dashboard-table {
@@ -912,3 +925,10 @@ li.linked-card:hover svg,
margin-left: calc(24px + 4px);
margin-top: 4px;
}
// Send message flow
#breadcrumb-template-folders, #nav-service-nav span {
font-size: units(3);
font-weight: bold;
}

2
app/main/views/send.py
View File

@@ -739,7 +739,7 @@ def all_placeholders_in_session(placeholders):
def get_send_test_page_title(template_type, entering_recipient, name=None):
if entering_recipient:
return "Send ‘{}’".format(name)
return "Select recipients"
return "Personalize this message"

4
app/templates/base.html
View File

@@ -6,9 +6,7 @@
<html lang="{{ htmlLang | default('en') }}" class="{{ htmlClasses }}">
<head>
<title>
{% block pageTitle %}
{% block per_page_title %}{% endblock %} – Notify.gov
{% endblock %}
{% block pageTitle %}{% block per_page_title %}{% endblock %} – Notify.gov{% endblock %}
</title>
{% include "components/head.html" %}
</head>

4
app/templates/components/folder-path.html
View File

@@ -4,9 +4,9 @@
template_type,
current_user,
link_current_item=False,
root_element='h1'
root_element='nav'
) %}
<{{ root_element }} class="font-body-lg folder-heading margin-bottom-0"{% if root_element == 'h1' %} id="page-header"{% endif %}>
<{{ root_element }} id="breadcrumb-template-folders" class="navigation-service usa-breadcrumb padding-top-0 padding-bottom-05" aria-label="Template folder path">
{% for folder in folders %}
{% if loop.last and not link_current_item %}
{% if folder.template_type or not folder.id %}

2
app/templates/components/live-search.html
View File

@@ -17,7 +17,7 @@
{% endif %}
{% if show %}
<div class="live-search js-header" data-module="live-search" data-targets="{{ target_selector }}">
<div class="live-search js-header margin-top-0" data-module="live-search" data-targets="{{ target_selector }}">
{{ form.search(param_extensions=param_extensions) }}
<div aria-live="polite" class="live-search__status usa-sr-only"></div>
</div>

4
app/templates/components/service_nav.html
View File

@@ -6,12 +6,12 @@
<a href="{{ url_for('.organization_dashboard', org_id=current_service.organization_id) }}" class="usa-link navigation-organization-link">{{ current_service.organization_name }}</a>
{% endif %}
{% endif %}
<div class="font-body-2xl text-bold">
<span>
{{ current_service.name }}
{% if not current_service.active %}
<span class="navigation-service-name navigation-service-type--suspended">Suspended</span>
{% endif %}
</div>
</span>
<a href="{{ url_for('main.choose_account') }}" class="usa-link">Switch service</a>
</div>
</nav>

4
app/templates/views/dashboard/dashboard.html
View File

@@ -13,7 +13,7 @@
<script type="text/javascript" src="{{ asset_url('js/setTimezone.js') }}"></script>
<div class="dashboard margin-bottom-2">
<div class="dashboard margin-top-0 margin-bottom-2">
<h1 class="usa-sr-only">Dashboard</h1>
{% if current_user.has_permissions('manage_templates') and not current_service.all_templates %}
@@ -22,7 +22,7 @@
{{ ajax_block(partials, updates_url, 'upcoming') }}
<h2 class="font-body-xl margin-top-0">{{ current_service.name }} Dashboard</h2>
<h2 class="font-body-2xl line-height-sans-2 margin-top-0">{{ current_service.name }} Dashboard</h2>
{{ ajax_block(partials, updates_url, 'inbox') }}

10
app/templates/views/dashboard/write-first-messages.html
View File

@@ -1,4 +1,6 @@
<h2 class="font-body-lg margin-top-0 margin-bottom-1">Get started</h2>
<a class="usa-button margin-bottom-5" href="{{ url_for('.choose_template', service_id=current_service.id) }}">
Create your first template
</a>
<div class="get-started">
<h2 class="font-body-lg margin-top-0 margin-bottom-2">Get started</h2>
<a class="usa-button" href="{{ url_for('.choose_template', service_id=current_service.id) }}">
Create your first template
</a>
</div>

4
app/templates/views/notifications/preview.html
View File

@@ -10,7 +10,7 @@
{% elif help %}
{{ "Example text message" }}
{% else %}
{{ "Preview" }}
{{ "Preview for sending" }}
{% endif %}
{% endblock %}
@@ -50,7 +50,7 @@
{% endcall %}
</div>
{% else %}
{{ page_header("Example text message" if help else "Preview") }}
{{ page_header("Example text message" if help else "Preview for sending") }}
{% endif %}
{% if not help %}

19
app/templates/views/templates/choose.html
View File

@@ -1,4 +1,4 @@
{% from "components/folder-path.html" import folder_path, page_title_folder_path %}
{% from "components/folder-path.html" import folder_path %}
{% from "components/pill.html" import pill %}
{% from "components/live-search.html" import live_search %}
{% from "components/form.html" import form_wrapper %}
@@ -8,11 +8,9 @@
{% extends "withnav_template.html" %}
{% set page_title = 'Templates' %}
{% set page_title = 'Select or create a template' %}
{% block service_page_title %}
{{ page_title_folder_path(template_folder_path) }}
{% endblock %}
{% block service_page_title %}{{page_title}}{% endblock %}
{% block maincolumn_content %}
@@ -34,14 +32,11 @@
{% else %}
<div class="grid-row flex-column">
<h1 class="font-body-2xl line-height-sans-2 margin-bottom-1 margin-top-0">{{page_title}}</h1>
<div class="{% if current_user.has_permissions('manage_templates') %} grid-col-10 {% else %} grid-col-12 {% endif %}">
<div class="usa-alert usa-alert--slim usa-alert--info">
<div class="usa-alert__body">
<p class="usa-alert__text">
Every message starts with a template. To send, choose or create a template.
</p>
</div>
</div>
<p class="margin-top-0 margin-bottom-4">
Every message starts with a template. To send, choose or create a template.
</p>
{{ folder_path(
folders=template_folder_path,
service_id=current_service.id,

6
app/templates/views/templates/manage-template-folder.html
View File

@@ -3,9 +3,9 @@
{% from "components/page-footer.html" import page_footer %}
{% from "components/form.html" import form_wrapper %}
{% block service_page_title %}
{{ page_title_folder_path(template_folder_path) }}
{% endblock %}
{% set page_title = 'Select or create a template' %}
{% block service_page_title %}{{page_title}}{% endblock %}
{% block maincolumn_content %}

12
app/templates/views/templates/template.html
View File

@@ -1,13 +1,13 @@
{% extends "withnav_template.html" %}
{% from "components/banner.html" import banner_wrapper %}
{% from "components/folder-path.html" import folder_path, page_title_folder_path %}
{% from "components/folder-path.html" import folder_path %}
{% from "components/page-footer.html" import page_footer %}
{% from "components/copy-to-clipboard.html" import copy_to_clipboard %}
{% from "components/components/button/macro.njk" import usaButton %}
{% block service_page_title %}
{{ page_title_folder_path(current_service.get_template_path(template._template)) }}
{% endblock %}
{% set page_title = 'Confirm your template' %}
{% block service_page_title %}{{page_title}}{% endblock %}
{% block maincolumn_content %}
@@ -32,8 +32,8 @@
{% else %}
<div class="grid-row">
<div class="grid-col-12">
<h1 class="font-body-xl folder-heading margin-top-0">
Review your message
<h1 class="font-body-2xl line-height-sans-2 folder-heading margin-top-0">
{{page_title}}
</h1>
{{ folder_path(
folders=current_service.get_template_path(template._template),

9
app/templates/withnav_template.html
View File

@@ -1,12 +1,7 @@
{% extends "base.html" %}
{% block per_page_title %}
{% if current_org.name %}
{% block org_page_title %}{% endblock %} – {{ current_org.name }}
{% else %}
{% block service_page_title %}{% endblock %} – {{ current_service.name }}
{% endif %}
{% endblock %}
{% block per_page_title %}{% if current_org.name %}{% block org_page_title %}{% endblock %} – {{ current_org.name }}{%
else %}{% block service_page_title %}{% endblock %} – {{ current_service.name }}{% endif %}{% endblock %}
{% block main %}
<div class="grid-container">