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
2019-12-06 07:53:46 +00:00
parent f0c4dd9c99
commit ee9f348ce4
122 changed files with 270 additions and 264 deletions

View File

@@ -16,10 +16,10 @@
<nav class="breadcrumbs breadcrumbs--inverse" aria-label="Breadcrumbs">
<ol itemscope itemtype="http://schema.org/BreadcrumbList">
<li class="breadcrumbs__item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
<a class="govuk-link" href="https://www.gov.uk/service-toolkit#gov-uk-services" itemprop="item"><span itemprop="name">GOV.UK services</span></a>
<a class="govuk-link govuk-link--no-visited-state" href="https://www.gov.uk/service-toolkit#gov-uk-services" itemprop="item"><span itemprop="name">GOV.UK services</span></a>
</li>
<li class="breadcrumbs__item breadcrumbs__item--active" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
<a class="govuk-link" href="#main" itemprop="item"><span itemprop="name">GOV.UK Notify</span></a>
<a class="govuk-link govuk-link--no-visited-state" href="#main" itemprop="item"><span itemprop="name">GOV.UK Notify</span></a>
</li>
</ol>
</nav>
@@ -38,7 +38,7 @@
"classes": "product-page-button button-container__button govuk-!-margin-right-3",
"href": url_for('main.register' )
}) }}
or <a class="govuk-link" href="{{ url_for('.sign_in' )}}">sign in</a> if youve used
or <a class="govuk-link govuk-link--no-visited-state" href="{{ url_for('.sign_in' )}}">sign in</a> if youve used
it before
</div>
</div>
@@ -135,7 +135,7 @@
</div>
<p>
See the
<a class="govuk-link" href="https://www.gov.uk/performance/govuk-notify/government-services">list of services and organisations</a>.
<a class="govuk-link govuk-link--no-visited-state" href="https://www.gov.uk/performance/govuk-notify/government-services">list of services and organisations</a>.
</p>
</div>
</div>
@@ -163,7 +163,7 @@
<p class="align-with-big-number-hint">
Theres no monthly charge, no setup fee and no&nbsp;procurement process.
</p>
<p>Find out more about <a class="govuk-link" href="https://www.notifications.service.gov.uk/pricing">pricing</a>.
<p>Find out more about <a class="govuk-link govuk-link--no-visited-state" href="https://www.notifications.service.gov.uk/pricing">pricing</a>.
</p>
</div>
</div>
@@ -180,7 +180,7 @@
and is supported 24 hours a day, 7 days a week.
</p>
<p>
<a class="govuk-link" href="{{ url_for('main.support') }}">Contact us</a> if you have a question or want
<a class="govuk-link govuk-link--no-visited-state" href="{{ url_for('main.support') }}">Contact us</a> if you have a question or want
to give feedback.
</p>
</div>