govuk_publishing_components 66.7.1 → 66.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/app/assets/stylesheets/govuk_publishing_components/components/_big-number.scss +3 -8
- data/app/assets/stylesheets/govuk_publishing_components/components/_chart.scss +10 -3
- data/app/assets/stylesheets/govuk_publishing_components/components/_metadata.scss +43 -5
- data/app/assets/stylesheets/govuk_publishing_components/components/_phase-banner.scss +0 -13
- data/app/assets/stylesheets/govuk_publishing_components/components/_service-navigation.scss +20 -0
- data/app/controllers/govuk_publishing_components/applications_page_controller.rb +1 -1
- data/app/controllers/govuk_publishing_components/audit_controller.rb +0 -1
- data/app/views/govuk_publishing_components/components/_chart.html.erb +4 -1
- data/app/views/govuk_publishing_components/components/_metadata.html.erb +34 -3
- data/app/views/govuk_publishing_components/components/_phase_banner.html.erb +0 -2
- data/app/views/govuk_publishing_components/components/_service_navigation.html.erb +2 -0
- data/app/views/govuk_publishing_components/components/docs/chart.yml +39 -0
- data/app/views/govuk_publishing_components/components/docs/metadata.yml +30 -7
- data/app/views/govuk_publishing_components/components/docs/phase_banner.yml +0 -12
- data/app/views/govuk_publishing_components/components/docs/service_navigation.yml +18 -0
- data/config/locales/ar.yml +3 -0
- data/config/locales/az.yml +3 -0
- data/config/locales/be.yml +3 -0
- data/config/locales/bg.yml +3 -0
- data/config/locales/bn.yml +3 -0
- data/config/locales/cs.yml +3 -0
- data/config/locales/cy.yml +3 -0
- data/config/locales/da.yml +3 -0
- data/config/locales/de.yml +3 -0
- data/config/locales/dr.yml +3 -0
- data/config/locales/el.yml +3 -0
- data/config/locales/en.yml +3 -0
- data/config/locales/es-419.yml +3 -0
- data/config/locales/es.yml +3 -0
- data/config/locales/et.yml +3 -0
- data/config/locales/fa.yml +3 -0
- data/config/locales/fi.yml +3 -0
- data/config/locales/fr.yml +3 -0
- data/config/locales/gd.yml +3 -0
- data/config/locales/gu.yml +3 -0
- data/config/locales/he.yml +3 -0
- data/config/locales/hi.yml +3 -0
- data/config/locales/hr.yml +3 -0
- data/config/locales/hu.yml +3 -0
- data/config/locales/hy.yml +3 -0
- data/config/locales/id.yml +3 -0
- data/config/locales/is.yml +3 -0
- data/config/locales/it.yml +3 -0
- data/config/locales/ja.yml +3 -0
- data/config/locales/ka.yml +3 -0
- data/config/locales/kk.yml +3 -0
- data/config/locales/ko.yml +6 -3
- data/config/locales/ku.yml +3 -0
- data/config/locales/ky.yml +3 -0
- data/config/locales/lt.yml +3 -0
- data/config/locales/lv.yml +3 -0
- data/config/locales/ms.yml +3 -0
- data/config/locales/mt.yml +3 -0
- data/config/locales/ne.yml +5 -2
- data/config/locales/nl.yml +3 -0
- data/config/locales/no.yml +3 -0
- data/config/locales/pa-pk.yml +3 -0
- data/config/locales/pa.yml +3 -0
- data/config/locales/pl.yml +3 -0
- data/config/locales/ps.yml +3 -0
- data/config/locales/pt.yml +3 -0
- data/config/locales/ro.yml +3 -0
- data/config/locales/ru.yml +3 -0
- data/config/locales/si.yml +3 -0
- data/config/locales/sk.yml +3 -0
- data/config/locales/sl.yml +3 -0
- data/config/locales/so.yml +3 -0
- data/config/locales/sq.yml +3 -0
- data/config/locales/sr.yml +3 -0
- data/config/locales/sv.yml +3 -0
- data/config/locales/sw.yml +3 -0
- data/config/locales/ta.yml +3 -0
- data/config/locales/th.yml +3 -0
- data/config/locales/ti.yml +3 -0
- data/config/locales/tk.yml +3 -0
- data/config/locales/tr.yml +3 -0
- data/config/locales/uk.yml +3 -0
- data/config/locales/ur.yml +3 -0
- data/config/locales/uz.yml +3 -0
- data/config/locales/vi.yml +3 -0
- data/config/locales/zh-hk.yml +3 -0
- data/config/locales/zh-tw.yml +3 -0
- data/config/locales/zh.yml +3 -0
- data/lib/govuk_publishing_components/version.rb +1 -1
- metadata +2 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 247936d6bf21c20afd54140ea0ef39d9089613ed03634b4c374d3287856d4bf5
|
|
4
|
+
data.tar.gz: ed26a01e0a315560721e6b45807698664522e213feb11e0cd225a46f10877321
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 864718bc9a3a883e6479687c6a46bf297f8c2c992d38320891d13f582067ec1e248c331ee1e5c792b11a397a0a833380440bf6ca3eb6c95a36138e22af2437a8
|
|
7
|
+
data.tar.gz: 03c39b7de43370b615701938ea29dd9801dc73b6d80a733892bfb9d843d8e0572d1dd914eb85053aac37adc25b6a7c3fe1205b6286fbe7368f2c548368421675
|
|
@@ -8,18 +8,13 @@
|
|
|
8
8
|
font-size: 80px;
|
|
9
9
|
font-size: govuk-px-to-rem(80px);
|
|
10
10
|
@include govuk-font($size: false, $weight: bold);
|
|
11
|
+
// Make the value an inline element, and the label a block level element to make them stack vertically but be announced as one element by JAWS and NVDA.
|
|
12
|
+
display: inline-block;
|
|
11
13
|
}
|
|
12
14
|
|
|
13
15
|
.gem-c-big-number__label {
|
|
14
16
|
@include govuk-font($size: 19, $weight: bold);
|
|
15
|
-
|
|
16
|
-
// This pseudo element is to bypass an issue with NVDA where block level elements are dictated separately.
|
|
17
|
-
// What's happening here is that the label and the number technically have an inline relationship
|
|
18
|
-
// but appear to have a block relationship thanks to this element
|
|
19
|
-
&::before {
|
|
20
|
-
content: "";
|
|
21
|
-
display: block;
|
|
22
|
-
}
|
|
17
|
+
display: block;
|
|
23
18
|
}
|
|
24
19
|
|
|
25
20
|
.gem-c-big-number__link {
|
|
@@ -42,10 +42,17 @@
|
|
|
42
42
|
margin-bottom: govuk-spacing(2);
|
|
43
43
|
}
|
|
44
44
|
|
|
45
|
-
.gem-c-
|
|
46
|
-
// Ensure
|
|
45
|
+
.gem-c-chart__header {
|
|
46
|
+
// Ensure header content width is constrained to two thirds on desktop
|
|
47
47
|
@include govuk-media-query($from: "desktop") {
|
|
48
|
-
max-width:
|
|
48
|
+
max-width: 630px;
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.gem-c-chart__header--three-quarters {
|
|
53
|
+
// Ensure header content width is constrained to three quarters on desktop
|
|
54
|
+
@include govuk-media-query($from: "desktop") {
|
|
55
|
+
max-width: 742.5px;
|
|
49
56
|
}
|
|
50
57
|
}
|
|
51
58
|
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
@include govuk-text-colour;
|
|
3
3
|
@include govuk-font(16);
|
|
4
4
|
@include responsive-bottom-margin;
|
|
5
|
-
@include govuk-clearfix;
|
|
6
5
|
|
|
7
6
|
a {
|
|
8
7
|
font-weight: bold;
|
|
@@ -31,6 +30,11 @@
|
|
|
31
30
|
|
|
32
31
|
.gem-c-metadata__list {
|
|
33
32
|
margin: 0;
|
|
33
|
+
|
|
34
|
+
@include govuk-media-query($from: tablet) {
|
|
35
|
+
display: grid;
|
|
36
|
+
grid-template-columns: auto 1fr;
|
|
37
|
+
}
|
|
34
38
|
}
|
|
35
39
|
|
|
36
40
|
.gem-c-metadata--inverse-padded {
|
|
@@ -58,10 +62,8 @@
|
|
|
58
62
|
margin-top: .5em;
|
|
59
63
|
|
|
60
64
|
@include govuk-media-query($from: tablet) {
|
|
61
|
-
box-sizing: border-box;
|
|
62
|
-
float: inline-start;
|
|
63
65
|
padding-inline-start: 0;
|
|
64
|
-
padding-inline-end: govuk-spacing(
|
|
66
|
+
padding-inline-end: govuk-spacing(2);
|
|
65
67
|
margin-top: 0;
|
|
66
68
|
}
|
|
67
69
|
}
|
|
@@ -71,7 +73,7 @@
|
|
|
71
73
|
|
|
72
74
|
@include govuk-media-query($from: tablet) {
|
|
73
75
|
&:not(:last-of-type) {
|
|
74
|
-
margin-bottom: govuk-spacing(
|
|
76
|
+
margin-bottom: govuk-spacing(2);
|
|
75
77
|
}
|
|
76
78
|
}
|
|
77
79
|
}
|
|
@@ -88,6 +90,42 @@
|
|
|
88
90
|
display: none;
|
|
89
91
|
}
|
|
90
92
|
|
|
93
|
+
.gem-c-metadata--history {
|
|
94
|
+
padding-top: govuk-spacing(2);
|
|
95
|
+
border-top: 1px solid $govuk-border-colour;
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
.govuk-frontend-supported .gem-c-metadata .js-hidden {
|
|
99
|
+
display: none;
|
|
100
|
+
visibility: hidden;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
.gem-c-metadata__toggle {
|
|
104
|
+
display: none;
|
|
105
|
+
|
|
106
|
+
.govuk-frontend-supported & {
|
|
107
|
+
display: inline-block;
|
|
108
|
+
font-weight: normal;
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
.gem-c-metadata__change-history {
|
|
113
|
+
margin: govuk-spacing(4) 0 0 0;
|
|
114
|
+
padding: 0;
|
|
115
|
+
list-style: none;
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
.gem-c-metadata__change-date {
|
|
119
|
+
display: block;
|
|
120
|
+
margin: govuk-spacing(3) 0;
|
|
121
|
+
@include govuk-font(16, $weight: bold);
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
.gem-c-metadata__change-note {
|
|
125
|
+
margin: 0;
|
|
126
|
+
white-space: pre-line;
|
|
127
|
+
}
|
|
128
|
+
|
|
91
129
|
// stylelint-disable declaration-no-important
|
|
92
130
|
@include govuk-media-query($media-type: print) {
|
|
93
131
|
.gem-c-metadata {
|
|
@@ -1,19 +1,11 @@
|
|
|
1
1
|
@import "govuk/components/phase-banner/phase-banner";
|
|
2
2
|
|
|
3
|
-
.gem-c-phase-banner {
|
|
4
|
-
.govuk-phase-banner__content__app-name {
|
|
5
|
-
display: inline-block;
|
|
6
|
-
margin-right: govuk-spacing(2);
|
|
7
|
-
}
|
|
8
|
-
}
|
|
9
|
-
|
|
10
3
|
.gem-c-phase-banner--inverse {
|
|
11
4
|
.govuk-phase-banner__content__tag {
|
|
12
5
|
background: govuk-colour("white");
|
|
13
6
|
color: $govuk-brand-colour;
|
|
14
7
|
}
|
|
15
8
|
|
|
16
|
-
.govuk-phase-banner__content__app-name,
|
|
17
9
|
.govuk-phase-banner__text,
|
|
18
10
|
.govuk-link {
|
|
19
11
|
color: govuk-colour("white");
|
|
@@ -37,10 +29,5 @@
|
|
|
37
29
|
border: 1pt solid $govuk-print-text-colour;
|
|
38
30
|
}
|
|
39
31
|
}
|
|
40
|
-
|
|
41
|
-
.govuk-phase-banner__content__app-name {
|
|
42
|
-
margin-bottom: 1mm;
|
|
43
|
-
font-size: 12pt;
|
|
44
|
-
}
|
|
45
32
|
}
|
|
46
33
|
// stylelint-enable declaration-no-important
|
|
@@ -3,3 +3,23 @@
|
|
|
3
3
|
.gem-c-service-navigation--full-width {
|
|
4
4
|
padding-left: govuk-spacing(3);
|
|
5
5
|
}
|
|
6
|
+
|
|
7
|
+
.gem-c-service-navigation--hide-service-name-on-mobile {
|
|
8
|
+
.govuk-service-navigation__service-name {
|
|
9
|
+
display: none;
|
|
10
|
+
|
|
11
|
+
@include govuk-media-query($from: tablet) {
|
|
12
|
+
display: block;
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.govuk-service-navigation__item:first-child {
|
|
17
|
+
@include govuk-media-query($from: tablet) {
|
|
18
|
+
display: none;
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.govuk-service-navigation__service-name + .govuk-service-navigation__wrapper .govuk-service-navigation__toggle {
|
|
23
|
+
margin-top: govuk-spacing(2);
|
|
24
|
+
}
|
|
25
|
+
}
|
|
@@ -12,7 +12,7 @@ module GovukPublishingComponents
|
|
|
12
12
|
},
|
|
13
13
|
{
|
|
14
14
|
type: "utility",
|
|
15
|
-
apps: %w[account-api signon govspeak govspeak-preview release govuk-developer-docs
|
|
15
|
+
apps: %w[account-api signon govspeak govspeak-preview release govuk-developer-docs govuk_web_banners].sort,
|
|
16
16
|
},
|
|
17
17
|
]
|
|
18
18
|
|
|
@@ -7,6 +7,9 @@
|
|
|
7
7
|
download_link ||= false
|
|
8
8
|
heading ||= nil
|
|
9
9
|
description ||= nil
|
|
10
|
+
header_three_quarters ||= false
|
|
11
|
+
header_class = "gem-c-chart__header"
|
|
12
|
+
header_class << "--three-quarters" if header_three_quarters
|
|
10
13
|
source ||= false
|
|
11
14
|
|
|
12
15
|
if !heading || !description
|
|
@@ -33,7 +36,7 @@
|
|
|
33
36
|
<% @include_script[:script_included] = true %>
|
|
34
37
|
<% end %>
|
|
35
38
|
<%= tag.div(**component_helper.all_attributes) do %>
|
|
36
|
-
<div class="
|
|
39
|
+
<div class="<%= header_class %>">
|
|
37
40
|
<%= render "govuk_publishing_components/components/heading", {
|
|
38
41
|
text: heading,
|
|
39
42
|
heading_level: heading_level,
|
|
@@ -7,6 +7,9 @@
|
|
|
7
7
|
part_of ||= []
|
|
8
8
|
part_of = Array(part_of)
|
|
9
9
|
|
|
10
|
+
page_history ||= []
|
|
11
|
+
page_history = Array(page_history)
|
|
12
|
+
|
|
10
13
|
other ||= nil
|
|
11
14
|
inverse ||= false
|
|
12
15
|
inverse_compress ||= false
|
|
@@ -15,6 +18,9 @@
|
|
|
15
18
|
component_helper.add_class("gem-c-metadata")
|
|
16
19
|
component_helper.add_class("direction-#{direction}") if local_assigns.include?(:direction)
|
|
17
20
|
|
|
21
|
+
component_helper.add_class("gem-c-metadata--history") if page_history.any?
|
|
22
|
+
component_helper.set_id("full-publication-update-history") if page_history.any?
|
|
23
|
+
|
|
18
24
|
if inverse
|
|
19
25
|
component_helper.add_class("gem-c-metadata--inverse")
|
|
20
26
|
component_helper.add_class("gem-c-metadata--inverse-padded") unless inverse_compress
|
|
@@ -37,6 +43,8 @@
|
|
|
37
43
|
inverse:,
|
|
38
44
|
margin_bottom: 2,
|
|
39
45
|
} %>
|
|
46
|
+
<% elsif page_history.any? %>
|
|
47
|
+
<h2 class="govuk-visually-hidden"><%= t("components.metadata.hidden_heading") %></h2>
|
|
40
48
|
<% end %>
|
|
41
49
|
<dl class="gem-c-metadata__list">
|
|
42
50
|
<% if from.any? %>
|
|
@@ -56,12 +64,12 @@
|
|
|
56
64
|
<dd class="gem-c-metadata__definition"><%= history %></dd>
|
|
57
65
|
<% end %>
|
|
58
66
|
<% if local_assigns.include?(:first_published) && first_published %>
|
|
59
|
-
<dt class="gem-c-metadata__term"><%= t("components.metadata.published")
|
|
67
|
+
<dt class="gem-c-metadata__term"><%= t("components.metadata.published") %>:</dt>
|
|
60
68
|
<dd class="gem-c-metadata__definition"><%= first_published %></dd>
|
|
61
69
|
<% end %>
|
|
62
70
|
<% if local_assigns.include?(:last_updated) && last_updated %>
|
|
63
|
-
<dt class="gem-c-metadata__term"><%= t("components.metadata.last_updated")
|
|
64
|
-
<dd class="gem-c-metadata__definition">
|
|
71
|
+
<dt class="gem-c-metadata__term"><%= t("components.metadata.last_updated") %>:</dt>
|
|
72
|
+
<dd class="gem-c-metadata__definition" data-module="gem-toggle">
|
|
65
73
|
<%= last_updated %>
|
|
66
74
|
<% if local_assigns.include?(:see_updates_link) %>
|
|
67
75
|
— <a href="#full-publication-update-history"
|
|
@@ -69,6 +77,29 @@
|
|
|
69
77
|
<%= t("components.metadata.see_all_updates") %>
|
|
70
78
|
</a>
|
|
71
79
|
<% end %>
|
|
80
|
+
<% if page_history.any? %>
|
|
81
|
+
<span aria-hidden="true">— </span>
|
|
82
|
+
<% page_history_toggle_id = "page-history-#{SecureRandom.hex(4)}" %>
|
|
83
|
+
<a
|
|
84
|
+
href="#full-history"
|
|
85
|
+
class="gem-c-metadata__toggle govuk-link"
|
|
86
|
+
data-controls="<%= page_history_toggle_id %>"
|
|
87
|
+
data-expanded="false"
|
|
88
|
+
data-toggled-text='<%= t("components.metadata.hide_all_updates", locale: :en) %>'
|
|
89
|
+
data-module="ga4-event-tracker"
|
|
90
|
+
data-ga4-event='<%= { event_name: "select_content", type: "content history", section: "Footer" }.to_json %>'
|
|
91
|
+
data-ga4-expandable>
|
|
92
|
+
<%= t("components.metadata.show_all_updates", locale: :en) %>
|
|
93
|
+
</a>
|
|
94
|
+
<ol class="gem-c-metadata__change-history js-hidden" id="<%= page_history_toggle_id %>">
|
|
95
|
+
<% page_history.each do |change| %>
|
|
96
|
+
<li>
|
|
97
|
+
<time class="gem-c-metadata__change-date timestamp" datetime="<%= change[:timestamp] %>"><%= change[:display_time] %></time>
|
|
98
|
+
<p class="gem-c-metadata__change-note"><%= change[:note].strip %></p>
|
|
99
|
+
</li>
|
|
100
|
+
<% end %>
|
|
101
|
+
</ol>
|
|
102
|
+
<% end %>
|
|
72
103
|
</dd>
|
|
73
104
|
<% end %>
|
|
74
105
|
<% if other.present? %>
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
<%
|
|
2
|
-
app_name ||= nil
|
|
3
2
|
phase ||= nil
|
|
4
3
|
message ||= nil
|
|
5
4
|
inverse ||= false
|
|
@@ -33,7 +32,6 @@ end
|
|
|
33
32
|
|
|
34
33
|
<%= tag.div(**component_helper.all_attributes) do %>
|
|
35
34
|
<%= tag.p class: "govuk-phase-banner__content" do %>
|
|
36
|
-
<%= tag.strong app_name, class: "govuk-phase-banner__content__app-name" if app_name %>
|
|
37
35
|
<%= tag.strong phase.titleize, class: "govuk-tag govuk-phase-banner__content__tag" if phase %>
|
|
38
36
|
<%= tag.span message, class: "govuk-phase-banner__text" if message %>
|
|
39
37
|
<% end %>
|
|
@@ -5,11 +5,13 @@
|
|
|
5
5
|
navigation_aria_label ||= t("components.layout_header.menu")
|
|
6
6
|
toggle_text ||= t("components.service_navigation.menu_toggle")
|
|
7
7
|
inverse ||= false
|
|
8
|
+
hide_service_name_on_mobile ||= false
|
|
8
9
|
collapse_navigation_on_mobile = local_assigns.fetch(:collapse_navigation_on_mobile, navigation_items.length > 1)
|
|
9
10
|
|
|
10
11
|
component_helper = GovukPublishingComponents::Presenters::ComponentWrapperHelper.new(local_assigns)
|
|
11
12
|
component_helper.add_class("gem-c-service-navigation govuk-service-navigation")
|
|
12
13
|
component_helper.add_class("govuk-service-navigation--inverse") if inverse
|
|
14
|
+
component_helper.add_class("gem-c-service-navigation--hide-service-name-on-mobile") if hide_service_name_on_mobile
|
|
13
15
|
component_helper.add_aria_attribute({ label: "Service information" }) if service_name.present?
|
|
14
16
|
component_helper.add_data_attribute({ module: "govuk-service-navigation" })
|
|
15
17
|
|
|
@@ -423,3 +423,42 @@ examples:
|
|
|
423
423
|
- 118
|
|
424
424
|
- 85
|
|
425
425
|
- 80
|
|
426
|
+
with_a_different_header_max_width:
|
|
427
|
+
description: |
|
|
428
|
+
By default, the `max-width` of the header (heading and description) is set to `630px` which is the width of a standard GOV.UK two-thirds column. This prevents the header being too wide for legibility purposes if it is rendered in a full width container.
|
|
429
|
+
|
|
430
|
+
In some cases you might want the `max-width` to match the width of a three quarter column. Therefore you can set `header_three_quarters` to increase the max width to `742.5px`.
|
|
431
|
+
data:
|
|
432
|
+
header_three_quarters: true
|
|
433
|
+
heading: This heading is intentionally quite long to demonstrate the max width functionality of the component
|
|
434
|
+
h_axis_title: Day
|
|
435
|
+
v_axis_title: Views
|
|
436
|
+
description: Additionally, this is a description with quite a lot of words so that you can see how the description looks with a max width of three-quarters.
|
|
437
|
+
height: 200
|
|
438
|
+
keys:
|
|
439
|
+
- 1st
|
|
440
|
+
- 2nd
|
|
441
|
+
- 3rd
|
|
442
|
+
- 4th
|
|
443
|
+
- 5th
|
|
444
|
+
- 6th
|
|
445
|
+
- 7th
|
|
446
|
+
rows:
|
|
447
|
+
- label: January 2015
|
|
448
|
+
values:
|
|
449
|
+
- 5
|
|
450
|
+
- 119
|
|
451
|
+
- 74
|
|
452
|
+
- 117
|
|
453
|
+
- 33
|
|
454
|
+
- 89
|
|
455
|
+
- 79
|
|
456
|
+
- label: January 2016
|
|
457
|
+
values:
|
|
458
|
+
- 3
|
|
459
|
+
- 8
|
|
460
|
+
- 37
|
|
461
|
+
- 82
|
|
462
|
+
- 118
|
|
463
|
+
- 85
|
|
464
|
+
- 80
|
|
@@ -348,6 +348,36 @@ examples:
|
|
|
348
348
|
first_published: 14 June 2014
|
|
349
349
|
other:
|
|
350
350
|
Applies to: England, Scotland, and Wales (see detailed guidance for <a href="http://www.dardni.gov.uk/news-dard-pa022-a-13-new-procedure-for" rel="external">Northern Ireland</a>)
|
|
351
|
+
display_page_history:
|
|
352
|
+
description: |
|
|
353
|
+
This will set up an expandable section on the page, with a top border, to let users toggle the display of the page history. It also includes a hidden H2 heading of 'Updates to this page'. This heading will not be included if one is passed to the component using the `title` option.
|
|
354
|
+
|
|
355
|
+
This example includes an expandable 'part of' section to show both toggling elements working together in one component instance.
|
|
356
|
+
data:
|
|
357
|
+
part_of:
|
|
358
|
+
- <a href="/government/world/afghanistan">Afghanistan</a>
|
|
359
|
+
- <a href="/government/world/albania">Albania</a>
|
|
360
|
+
- <a href="/government/world/algeria">Algeria</a>
|
|
361
|
+
- <a href="/government/world/angola">Angola</a>
|
|
362
|
+
- <a href="/government/world/anguilla">Anguilla</a>
|
|
363
|
+
- <a href="/government/world/argentina">Argentina</a>
|
|
364
|
+
- <a href="/government/world/armenia">Armenia</a>
|
|
365
|
+
- <a href="/government/world/australia">Australia</a>
|
|
366
|
+
- <a href="/government/world/austria">Austria</a>
|
|
367
|
+
- <a href="/government/world/azerbaijan">Azerbaijan</a>
|
|
368
|
+
- <a href="/government/world/bahrain">Bahrain</a>
|
|
369
|
+
first_published: 1st January 1990
|
|
370
|
+
last_updated: 20th October 2016
|
|
371
|
+
page_history:
|
|
372
|
+
- display_time: 1st January 1990
|
|
373
|
+
note: First published
|
|
374
|
+
timestamp: 1990-01-01T15:42:37.000+00:00
|
|
375
|
+
- display_time: 20th July 1995
|
|
376
|
+
note: Updated to include information for 1994
|
|
377
|
+
timestamp: 1995-07-20T15:42:37.000+00:00
|
|
378
|
+
- display_time: 14th October 2000
|
|
379
|
+
note: Updated information on pupil premium reviews and what information schools need to publish on their websites.
|
|
380
|
+
timestamp: 2000-10-14T15:42:37.000+00:00
|
|
351
381
|
with_title:
|
|
352
382
|
data:
|
|
353
383
|
last_updated: 10 September 2015
|
|
@@ -420,13 +450,6 @@ examples:
|
|
|
420
450
|
Applies to: England, Scotland, and Wales (see detailed guidance for <a href="http://www.dardni.gov.uk/news-dard-pa022-a-13-new-procedure-for" rel="external">Northern Ireland</a>)
|
|
421
451
|
context:
|
|
422
452
|
dark_background: true
|
|
423
|
-
with_custom_margin_bottom:
|
|
424
|
-
description: |
|
|
425
|
-
The component accepts a number for margin bottom from `0` to `9` (`0px` to `60px`) using the [GOV.UK Frontend spacing scale](https://design-system.service.gov.uk/styles/spacing/#the-responsive-spacing-scale). It defaults to the `margin-bottom` values defined in the [responsive-bottom-margin mixin](https://github.com/alphagov/govuk_publishing_components/blob/main/app/assets/stylesheets/govuk_publishing_components/components/mixins/_margins.scss#L1)
|
|
426
|
-
data:
|
|
427
|
-
first_published: 14 June 2014
|
|
428
|
-
last_updated: 10 September 2015
|
|
429
|
-
margin_bottom: 2
|
|
430
453
|
without_ga4_tracking:
|
|
431
454
|
description: |
|
|
432
455
|
Disables the GA4 link tracker on the 'See all updates' link. Tracking is enabled by default.
|
|
@@ -20,27 +20,15 @@ examples:
|
|
|
20
20
|
phase: beta
|
|
21
21
|
message: This is an optional different message to explain what the state means in this
|
|
22
22
|
context which can take <a class="govuk-link" href='https://www.gov.uk'>HTML</a>
|
|
23
|
-
with_app_name:
|
|
24
|
-
data:
|
|
25
|
-
app_name: Skittles Maker
|
|
26
|
-
phase: beta
|
|
27
23
|
inverse_for_blue_background:
|
|
28
24
|
data:
|
|
29
25
|
phase: beta
|
|
30
26
|
inverse: true
|
|
31
27
|
context:
|
|
32
28
|
dark_background: true
|
|
33
|
-
inverse_for_blue_background_with_app_name:
|
|
34
|
-
data:
|
|
35
|
-
app_name: Skittles Maker
|
|
36
|
-
phase: beta
|
|
37
|
-
inverse: true
|
|
38
|
-
context:
|
|
39
|
-
dark_background: true
|
|
40
29
|
without_ga4_tracking:
|
|
41
30
|
description: |
|
|
42
31
|
Disables GA4 tracking on the banner. Tracking is enabled by default. This includes link tracking on the component itself, and allows pageviews to record the presence of the banner on page load.
|
|
43
32
|
data:
|
|
44
|
-
app_name: Skittles Maker
|
|
45
33
|
phase: beta
|
|
46
34
|
disable_ga4: true
|
|
@@ -52,6 +52,24 @@ examples:
|
|
|
52
52
|
href: "#"
|
|
53
53
|
- text: Navigation item 3
|
|
54
54
|
href: "#"
|
|
55
|
+
hide_service_name_on_mobile:
|
|
56
|
+
description: |
|
|
57
|
+
On desktop, use the `service_name` link to show the name of the main page and allow users to navigate to it.
|
|
58
|
+
|
|
59
|
+
On mobile, use the `toggle_text` to show the name of the main page, but allow users to navigate to it with the first link in the `navigation_items`, which is hidden on desktop.
|
|
60
|
+
data:
|
|
61
|
+
service_name: My service home
|
|
62
|
+
service_name_url: "/home"
|
|
63
|
+
hide_service_name_on_mobile: true
|
|
64
|
+
navigation_items:
|
|
65
|
+
- text: My service home
|
|
66
|
+
href: "/home"
|
|
67
|
+
- text: Navigation item 1
|
|
68
|
+
href: "#"
|
|
69
|
+
- text: Navigation item 2
|
|
70
|
+
href: "#"
|
|
71
|
+
- text: Navigation item 3
|
|
72
|
+
href: "#"
|
|
55
73
|
with_data_attributes_on_items:
|
|
56
74
|
data:
|
|
57
75
|
navigation_items:
|
data/config/locales/ar.yml
CHANGED
|
@@ -159,6 +159,9 @@ ar:
|
|
|
159
159
|
part_of: جزء من
|
|
160
160
|
published: تاريخ النشر
|
|
161
161
|
see_all_updates: اطلع على كل التحديثات
|
|
162
|
+
hidden_heading:
|
|
163
|
+
hide_all_updates: إخفاء كافة التحديثات
|
|
164
|
+
show_all_updates: إظهار كل التحديثات
|
|
162
165
|
modal_dialogue:
|
|
163
166
|
close_modal: إغلاق مربع الحوار المشروط
|
|
164
167
|
notice:
|
data/config/locales/az.yml
CHANGED
|
@@ -156,6 +156,9 @@ az:
|
|
|
156
156
|
part_of: Hissə
|
|
157
157
|
published: Dərc edilib
|
|
158
158
|
see_all_updates: Bütün yeniləmələrə baxın
|
|
159
|
+
hidden_heading:
|
|
160
|
+
hide_all_updates: bütün yenilmələri gizlət
|
|
161
|
+
show_all_updates: bütün yeniləmələri göstər
|
|
159
162
|
modal_dialogue:
|
|
160
163
|
close_modal: Modal dialoqu bağla
|
|
161
164
|
notice:
|
data/config/locales/be.yml
CHANGED
|
@@ -162,6 +162,9 @@ be:
|
|
|
162
162
|
part_of: Частка
|
|
163
163
|
published: Апублікаваны
|
|
164
164
|
see_all_updates: Паглядзець усе абнаўленні
|
|
165
|
+
hidden_heading:
|
|
166
|
+
hide_all_updates: схаваць усе абнаўленні
|
|
167
|
+
show_all_updates: паказаць усе абнаўленні
|
|
165
168
|
modal_dialogue:
|
|
166
169
|
close_modal: Зачыніць мадальны дыялог
|
|
167
170
|
notice:
|
data/config/locales/bg.yml
CHANGED
|
@@ -160,6 +160,9 @@ bg:
|
|
|
160
160
|
part_of: Част от
|
|
161
161
|
published: Публикуван
|
|
162
162
|
see_all_updates: Вижте всички актуализации
|
|
163
|
+
hidden_heading:
|
|
164
|
+
hide_all_updates: скриване на всички актуализации
|
|
165
|
+
show_all_updates: показване на всички актуализации
|
|
163
166
|
modal_dialogue:
|
|
164
167
|
close_modal: Затваряне на модалния диалог
|
|
165
168
|
notice:
|
data/config/locales/bn.yml
CHANGED
|
@@ -157,6 +157,9 @@ bn:
|
|
|
157
157
|
part_of: এর অংশ
|
|
158
158
|
published: প্রকাশিত হয়েছে
|
|
159
159
|
see_all_updates: সকল আপডেট দেখুন
|
|
160
|
+
hidden_heading:
|
|
161
|
+
hide_all_updates: সকল আপডেট লুকান
|
|
162
|
+
show_all_updates: সকল আপডেট দেখান
|
|
160
163
|
modal_dialogue:
|
|
161
164
|
close_modal: ক্লোজ মোডাল ডায়ালগ
|
|
162
165
|
notice:
|
data/config/locales/cs.yml
CHANGED
|
@@ -161,6 +161,9 @@ cs:
|
|
|
161
161
|
part_of: Část
|
|
162
162
|
published: Zveřejněno
|
|
163
163
|
see_all_updates: Vidět všechny aktualizace
|
|
164
|
+
hidden_heading:
|
|
165
|
+
hide_all_updates: skrýt všechny aktualizace
|
|
166
|
+
show_all_updates: zobrazit všechny aktualizace
|
|
164
167
|
modal_dialogue:
|
|
165
168
|
close_modal: Zavření modálního dialogu
|
|
166
169
|
notice:
|
data/config/locales/cy.yml
CHANGED
|
@@ -160,6 +160,9 @@ cy:
|
|
|
160
160
|
part_of: Rhan o
|
|
161
161
|
published: Cyhoeddwyd
|
|
162
162
|
see_all_updates: Gweld pob diweddariad
|
|
163
|
+
hidden_heading:
|
|
164
|
+
hide_all_updates: cuddio pob diweddariad
|
|
165
|
+
show_all_updates: dangos pob diweddariad
|
|
163
166
|
modal_dialogue:
|
|
164
167
|
close_modal: Cau'r ddeialog foddol
|
|
165
168
|
notice:
|
data/config/locales/da.yml
CHANGED
|
@@ -157,6 +157,9 @@ da:
|
|
|
157
157
|
part_of: del af
|
|
158
158
|
published: offentliggjort
|
|
159
159
|
see_all_updates: se alle opdateringer
|
|
160
|
+
hidden_heading:
|
|
161
|
+
hide_all_updates: skjule alle opdateringer
|
|
162
|
+
show_all_updates: vis alle opdateringer
|
|
160
163
|
modal_dialogue:
|
|
161
164
|
close_modal: Luk den modale dialog
|
|
162
165
|
notice:
|
data/config/locales/de.yml
CHANGED
|
@@ -160,6 +160,9 @@ de:
|
|
|
160
160
|
part_of: Teil von
|
|
161
161
|
published: Veröffentlicht
|
|
162
162
|
see_all_updates: Alle Aktualisierungen ansehen
|
|
163
|
+
hidden_heading:
|
|
164
|
+
hide_all_updates: alle Aktualisierungen ausblenden
|
|
165
|
+
show_all_updates: alle Aktualisierungen anzeigen
|
|
163
166
|
modal_dialogue:
|
|
164
167
|
close_modal: Dialog schließen
|
|
165
168
|
notice:
|
data/config/locales/dr.yml
CHANGED
|
@@ -158,6 +158,9 @@ dr:
|
|
|
158
158
|
part_of: بخشی از
|
|
159
159
|
published: منتشر شده است
|
|
160
160
|
see_all_updates: تمام آپدیت ها را مشاهده نمایید
|
|
161
|
+
hidden_heading:
|
|
162
|
+
hide_all_updates: مخفی کردن تمام آپدیت ها
|
|
163
|
+
show_all_updates: تمام آپدیت ها را نمایش دهید
|
|
161
164
|
modal_dialogue:
|
|
162
165
|
close_modal: دیالوگ کیفی را بسته نمایید
|
|
163
166
|
notice:
|
data/config/locales/el.yml
CHANGED
|
@@ -156,6 +156,9 @@ el:
|
|
|
156
156
|
part_of: Μέρος του
|
|
157
157
|
published: Δημοσιεύθηκε
|
|
158
158
|
see_all_updates: Δείτε όλες τις ενημερώσεις
|
|
159
|
+
hidden_heading:
|
|
160
|
+
hide_all_updates: απόκρυψη όλων των ενημερώσεων
|
|
161
|
+
show_all_updates: εμφάνιση όλων των ενημερώσεων
|
|
159
162
|
modal_dialogue:
|
|
160
163
|
close_modal: Κλείσιμο παράθυρου διαλόγου
|
|
161
164
|
notice:
|
data/config/locales/en.yml
CHANGED
|
@@ -263,6 +263,9 @@ en:
|
|
|
263
263
|
part_of: Part of
|
|
264
264
|
published: Published
|
|
265
265
|
see_all_updates: See all updates
|
|
266
|
+
hidden_heading: Updates to this page
|
|
267
|
+
hide_all_updates: Hide all updates
|
|
268
|
+
show_all_updates: Show all updates
|
|
266
269
|
modal_dialogue:
|
|
267
270
|
close_modal: Close modal dialogue
|
|
268
271
|
notice:
|
data/config/locales/es-419.yml
CHANGED
|
@@ -156,6 +156,9 @@ es-419:
|
|
|
156
156
|
part_of: Parte de
|
|
157
157
|
published: Publicado
|
|
158
158
|
see_all_updates: Ver todas las novedades
|
|
159
|
+
hidden_heading:
|
|
160
|
+
hide_all_updates: ocultar todas las novedades
|
|
161
|
+
show_all_updates: mostrar todas las actualizaciones
|
|
159
162
|
modal_dialogue:
|
|
160
163
|
close_modal: Cerrar diálogo modal
|
|
161
164
|
notice:
|
data/config/locales/es.yml
CHANGED
|
@@ -156,6 +156,9 @@ es:
|
|
|
156
156
|
part_of: Parte de
|
|
157
157
|
published: Publicado
|
|
158
158
|
see_all_updates: Ver todas las actualizaciones
|
|
159
|
+
hidden_heading:
|
|
160
|
+
hide_all_updates: ocultar todas las actualizaciones
|
|
161
|
+
show_all_updates: mostrar todas las actualizaciones
|
|
159
162
|
modal_dialogue:
|
|
160
163
|
close_modal: Cierre el cuadro de diálogo modal
|
|
161
164
|
notice:
|
data/config/locales/et.yml
CHANGED
|
@@ -159,6 +159,9 @@ et:
|
|
|
159
159
|
part_of: Osa
|
|
160
160
|
published: Avaldatud
|
|
161
161
|
see_all_updates: Vt kõiki värskendusi
|
|
162
|
+
hidden_heading:
|
|
163
|
+
hide_all_updates: peida kõik värskendused
|
|
164
|
+
show_all_updates: kuva kõik värskendused
|
|
162
165
|
modal_dialogue:
|
|
163
166
|
close_modal: Sule modaalne dialoog
|
|
164
167
|
notice:
|