Update all links to use GOVUK Frontend style

Includes:
- turning off :visited styles to match existing
  design
- swapping heading classes used to make links bold
  for the GOVUK Frontend bold override class
- adding visually hidden text to some links to
  make them work when isolated from their context

We may need to revisit whether some links, such as
those for documentation and features, may benefit
from having some indication that their target has
been visited.
This commit is contained in:
Tom Byers
2020-02-25 10:47:24 +00:00
parent f0c4dd9c99
commit ee9f348ce4
122 changed files with 270 additions and 264 deletions
@@ -7,6 +7,6 @@
{%- endif %}
</h1>
<p>
In <a href="{{ url_for('.trial_mode_new') }}">trial mode</a> you can only
In <a class="govuk-link govuk-link--no-visited-state" href="{{ url_for('.trial_mode_new') }}">trial mode</a> you can only
send to yourself and members of your team
</p>
@@ -8,7 +8,7 @@
<p>
You can only send {{ current_service.message_limit }} messages per day
{%- if current_service.trial_mode %}
in <a href="{{ url_for('.trial_mode_new')}}">trial mode</a>
in <a class="govuk-link govuk-link--no-visited-state" href="{{ url_for('.trial_mode_new')}}">trial mode</a>
{%- endif -%}
.
</p>
@@ -3,6 +3,6 @@
{{ 'this letter' if count_of_recipients == 1 else 'these letters' }}
</h1>
<p>
In <a href="{{ url_for('.trial_mode_new') }}">trial mode</a> you
In <a class="govuk-link govuk-link--no-visited-state" href="{{ url_for('.trial_mode_new') }}">trial mode</a> you
can only preview how your letters will look
</p>
@@ -7,7 +7,7 @@
<p>
Sending
<a href="{{ url_for('.view_template_version', service_id=current_service.id, template_id=job.template.id, version=job.template_version) }}">{{ job.template.name }}</a>
<a class="govuk-link govuk-link--no-visited-state" href="{{ url_for('.view_template_version', service_id=current_service.id, template_id=job.template.id, version=job.template_version) }}">{{ job.template.name }}</a>
{{ job.scheduled_for|format_datetime_relative }}
</p>
<div class="page-footer">
@@ -34,7 +34,7 @@
</p>
{% elif notifications %}
<p class="{% if job.template.template_type != 'letter' %}bottom-gutter{% endif %}">
<a href="{{ download_link }}" download class="heading-small">Download this report</a>
<a href="{{ download_link }}" download class="govuk-link govuk-link--no-visited-state heading-small">Download this report</a>
&emsp;
<span id="time-left">{{ time_left }}</span>
</p>
@@ -55,7 +55,7 @@
field_headings_visible=False
) %}
{% call row_heading() %}
<a class="file-list-filename" href="{{ url_for('.view_notification', service_id=current_service.id, notification_id=item.id, from_job=job.id) }}">{{ item.to }}</a>
<a class="govuk-link govuk-link--no-visited-state file-list-filename" href="{{ url_for('.view_notification', service_id=current_service.id, notification_id=item.id, from_job=job.id) }}">{{ item.to }}</a>
<p class="file-list-hint">
{{ item.preview_of_content }}
</p>
@@ -1,7 +1,7 @@
<div class="ajax-block-container">
<p class="notification-status {{ notification.status|format_notification_status_as_field_status(notification.notification_type) }}">
{% if notification.status|format_notification_status_as_url(notification.notification_type) %}
<a href="{{ notification.status|format_notification_status_as_url(notification.notification_type) }}">
<a class="govuk-link govuk-link--no-visited-state" href="{{ notification.status|format_notification_status_as_url(notification.notification_type) }}">
{% endif %}
{{ notification.status|format_notification_status(
notification.template.template_type
@@ -4,5 +4,5 @@
cost more.
</p>
<p>
See <a href="{{ url_for('.pricing') }}">pricing</a> for details.
See <a class="govuk-link govuk-link--no-visited-state" href="{{ url_for('.pricing') }}">pricing</a> for details.
</p>
@@ -11,5 +11,5 @@
Royal Mail delivers from Monday to Saturday, excluding bank holidays.
</p>
<p>
See a list of <a href="{{ url_for('.pricing') + '#letters'}}">postage prices</a>.
See a list of <a class="govuk-link govuk-link--no-visited-state" href="{{ url_for('.pricing') + '#letters'}}">postage prices</a>.
</p>
@@ -9,4 +9,4 @@
Download your document at: ((link_to_document))
</p>
</div>
Next, use the API to upload your document. Follow the instructions to send a document by email in the <a href="{{ url_for('main.documentation') }}">API documentation</a>.
Next, use the API to upload your document. Follow the instructions to send a document by email in the <a class="govuk-link govuk-link--no-visited-state" href="{{ url_for('main.documentation') }}">API documentation</a>.
+1 -1
View File
@@ -31,7 +31,7 @@
Notify delivers the message
</p>
{% if help == '3' %}
<a href='{{ url_for(".go_to_dashboard_after_tour", service_id=current_service.id, example_template_id=template.id) }}'>
<a class="govuk-link govuk-link--no-visited-state" href='{{ url_for(".go_to_dashboard_after_tour", service_id=current_service.id, example_template_id=template.id) }}'>
Now go to your dashboard
</a>
{% endif %}