Add HTML and CSS for extended GSM characters

Based on feedback from this pull request:

https://github.com/alphagov/notifications-admin/pull/3711
This commit is contained in:
Tom Byers
2020-11-13 22:31:28 +00:00
parent c1151c5e8e
commit 070ed818cf
2 changed files with 10 additions and 1 deletions

View File

@@ -60,3 +60,9 @@
.destructive-link--no-visited-state {
@include destructive-link-style-no-visited-state;
}
// Font override classes
.extended-gsm-characters {
font-family: $govuk-font-family-tabular;
letter-spacing: 0.5em;
}

View File

@@ -44,7 +44,10 @@
<h3 class="heading-small" id="long-text-messages">Long text messages</h3>
<p class="govuk-body">If a text message is longer than 160 characters (including spaces), itll be charged as more than one message.</p>
<p class="govuk-body">The following characters are charged as 2 characters each: [ ] { } ^ \ | ~ €</p>
<p class="govuk-body">
The following characters are charged as 2 characters each:<br />
<span class="extended-gsm-characters">[]{}^\|~€</span>
</p>
<div class="bottom-gutter-3-2">
{% call mapping_table(