Make the government channel visually distinct

It’s really serious, so this sets it apart from the other live channels.
This commit is contained in:
Chris Hill-Scott
2021-05-12 11:50:30 +01:00
parent d38f44ec69
commit ad0b7537de
4 changed files with 23 additions and 16 deletions

View File

@@ -47,6 +47,12 @@
box-shadow: 0 -3px 0 0 #F6D7D2;
}
&--government {
background: #942514;
color: #F6D7D2;
box-shadow: 0 -3px 0 0 #942514;
}
}
&-service-switch,

View File

@@ -24,19 +24,20 @@
</p>
{% else %}
<p class="govuk-body">
<span class="navigation-service-type navigation-service-type--live govuk-!-margin-left-0">
{% if form.account_type.broadcast_channel == 'severe' %}
Live
{% else %}
{{ form.account_type.broadcast_channel|title }}
{% endif %}
{% if form.account_type.provider_restriction != 'all' %}
({{ form.account_type.provider_restriction|format_mobile_network }})
{% endif %}
{% if form.account_type.broadcast_channel == 'test' and form.account_type.provider_restriction == 'all'%}
(all networks)
{% endif %}
</span>
{% if form.account_type.broadcast_channel == 'severe' %}
<span class="navigation-service-type navigation-service-type--live govuk-!-margin-left-0">Live
{% elif form.account_type.broadcast_channel == 'government' %}
<span class="navigation-service-type navigation-service-type--government govuk-!-margin-left-0">Government
{% else %}
<span class="navigation-service-type navigation-service-type--live govuk-!-margin-left-0">{{ form.account_type.broadcast_channel|title }}
{% endif %}
{% if form.account_type.provider_restriction != 'all' %}
({{ form.account_type.provider_restriction|format_mobile_network }})
{% endif %}
{% if form.account_type.broadcast_channel == 'test' and form.account_type.provider_restriction == 'all'%}
(all networks)
{% endif %}
</span>
</p>
<p class="govuk-body">
Members of the public

View File

@@ -31,8 +31,8 @@
{% else %}
({{ current_service.allowed_broadcast_provider }})
{% endif %}
{% else %}
<span class="navigation-service-type navigation-service-type--live">{{ current_service.broadcast_channel|title }}
{% elif current_service.broadcast_channel == 'government' %}
<span class="navigation-service-type navigation-service-type--government">Government
{% endif %}
</span>
{% endif %}

View File

@@ -333,7 +333,7 @@ def test_broadcast_tour_page_4_shows_service_name(
False,
'government',
'all',
'.navigation-service-type.navigation-service-type--live',
'.navigation-service-type.navigation-service-type--government',
'service one Government Switch service',
'Government',
),