govuk_publishing_components 33.1.0 → 34.1.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/config/govuk_publishing_components_manifest.js +0 -1
- data/app/assets/javascripts/govuk_publishing_components/analytics-ga4/ga4-core.js +16 -27
- data/app/assets/javascripts/govuk_publishing_components/analytics-ga4/ga4-event-tracker.js +2 -0
- data/app/assets/javascripts/govuk_publishing_components/analytics-ga4/ga4-page-views.js +4 -4
- data/app/assets/javascripts/govuk_publishing_components/components/layout-super-navigation-header.js +12 -69
- data/app/assets/javascripts/govuk_publishing_components/components/step-by-step-nav.js +14 -13
- data/app/assets/stylesheets/govuk_publishing_components/components/_accordion.scss +28 -0
- data/app/assets/stylesheets/govuk_publishing_components/components/_button.scss +11 -0
- data/app/assets/stylesheets/govuk_publishing_components/components/_cards.scss +19 -0
- data/app/assets/stylesheets/govuk_publishing_components/components/_contents-list.scss +20 -0
- data/app/assets/stylesheets/govuk_publishing_components/components/_cookie-banner.scss +6 -0
- data/app/assets/stylesheets/govuk_publishing_components/components/_emergency-banner.scss +6 -0
- data/app/assets/stylesheets/govuk_publishing_components/components/_govspeak-html-publication.scss +8 -0
- data/app/assets/stylesheets/govuk_publishing_components/components/_govspeak.scss +83 -0
- data/app/assets/stylesheets/govuk_publishing_components/components/_layout-super-navigation-header.scss +253 -412
- data/app/assets/stylesheets/govuk_publishing_components/components/_step-by-step-nav-header.scss +15 -0
- data/app/assets/stylesheets/govuk_publishing_components/components/_step-by-step-nav.scss +6 -0
- data/app/assets/stylesheets/govuk_publishing_components/components/_textarea.scss +16 -0
- data/app/assets/stylesheets/govuk_publishing_components/components/_title.scss +10 -0
- data/app/assets/stylesheets/govuk_publishing_components/components/helpers/_contents-list-helper.scss +0 -1
- data/app/controllers/govuk_publishing_components/component_guide_controller.rb +6 -9
- data/app/views/govuk_publishing_components/component_guide/_application_stylesheet.html.erb +0 -3
- data/app/views/govuk_publishing_components/component_guide/index.html.erb +0 -7
- data/app/views/govuk_publishing_components/components/_label.html.erb +3 -2
- data/app/views/govuk_publishing_components/components/_layout_for_admin.html.erb +1 -2
- data/app/views/govuk_publishing_components/components/_layout_for_public.html.erb +0 -1
- data/app/views/govuk_publishing_components/components/_layout_super_navigation_header.html.erb +94 -143
- data/app/views/govuk_publishing_components/components/docs/label.yml +6 -0
- data/app/views/layouts/govuk_publishing_components/application.html.erb +1 -2
- data/config/locales/ar.yml +4 -8
- data/config/locales/az.yml +5 -8
- data/config/locales/be.yml +4 -8
- data/config/locales/bg.yml +4 -8
- data/config/locales/bn.yml +4 -8
- data/config/locales/cs.yml +4 -8
- data/config/locales/cy.yml +4 -8
- data/config/locales/da.yml +4 -8
- data/config/locales/de.yml +4 -8
- data/config/locales/dr.yml +4 -8
- data/config/locales/el.yml +4 -8
- data/config/locales/en.yml +6 -17
- data/config/locales/es-419.yml +4 -8
- data/config/locales/es.yml +4 -8
- data/config/locales/et.yml +4 -8
- data/config/locales/fa.yml +5 -8
- data/config/locales/fi.yml +4 -8
- data/config/locales/fr.yml +4 -8
- data/config/locales/gd.yml +4 -8
- data/config/locales/gu.yml +4 -8
- data/config/locales/he.yml +4 -8
- data/config/locales/hi.yml +4 -8
- data/config/locales/hr.yml +4 -8
- data/config/locales/hu.yml +4 -8
- data/config/locales/hy.yml +4 -8
- data/config/locales/id.yml +4 -8
- data/config/locales/is.yml +4 -8
- data/config/locales/it.yml +4 -8
- data/config/locales/ja.yml +4 -8
- data/config/locales/ka.yml +4 -8
- data/config/locales/kk.yml +4 -8
- data/config/locales/ko.yml +4 -8
- data/config/locales/lt.yml +4 -8
- data/config/locales/lv.yml +4 -8
- data/config/locales/ms.yml +4 -8
- data/config/locales/mt.yml +4 -8
- data/config/locales/nl.yml +4 -8
- data/config/locales/no.yml +4 -8
- data/config/locales/pa-pk.yml +4 -8
- data/config/locales/pa.yml +4 -8
- data/config/locales/pl.yml +4 -8
- data/config/locales/ps.yml +4 -8
- data/config/locales/pt.yml +4 -8
- data/config/locales/ro.yml +4 -8
- data/config/locales/ru.yml +4 -8
- data/config/locales/si.yml +4 -8
- data/config/locales/sk.yml +4 -8
- data/config/locales/sl.yml +4 -8
- data/config/locales/so.yml +4 -8
- data/config/locales/sq.yml +4 -8
- data/config/locales/sr.yml +4 -8
- data/config/locales/sv.yml +4 -8
- data/config/locales/sw.yml +4 -8
- data/config/locales/ta.yml +4 -8
- data/config/locales/th.yml +4 -8
- data/config/locales/tk.yml +4 -8
- data/config/locales/tr.yml +4 -8
- data/config/locales/uk.yml +4 -8
- data/config/locales/ur.yml +4 -8
- data/config/locales/uz.yml +4 -8
- data/config/locales/vi.yml +4 -8
- data/config/locales/zh-hk.yml +4 -8
- data/config/locales/zh-tw.yml +4 -8
- data/config/locales/zh.yml +4 -8
- data/lib/govuk_publishing_components/config.rb +0 -3
- data/lib/govuk_publishing_components/version.rb +1 -1
- data/node_modules/axe-core/axe.d.ts +75 -24
- data/node_modules/axe-core/axe.js +4765 -4555
- data/node_modules/axe-core/axe.min.js +2 -2
- data/node_modules/axe-core/package.json +2 -2
- data/node_modules/axe-core/sri-history.json +4 -0
- metadata +2 -17
- data/app/assets/stylesheets/component_guide/print.scss +0 -1
- data/app/assets/stylesheets/govuk_publishing_components/_all_components_print.scss +0 -18
- data/app/assets/stylesheets/govuk_publishing_components/components/print/_accordion.scss +0 -28
- data/app/assets/stylesheets/govuk_publishing_components/components/print/_button.scss +0 -8
- data/app/assets/stylesheets/govuk_publishing_components/components/print/_cards.scss +0 -4
- data/app/assets/stylesheets/govuk_publishing_components/components/print/_contents-list.scss +0 -19
- data/app/assets/stylesheets/govuk_publishing_components/components/print/_emergency-banner.scss +0 -3
- data/app/assets/stylesheets/govuk_publishing_components/components/print/_govspeak-html-publication.scss +0 -5
- data/app/assets/stylesheets/govuk_publishing_components/components/print/_govspeak.scss +0 -80
- data/app/assets/stylesheets/govuk_publishing_components/components/print/_layout-super-navigation-header.scss +0 -3
- data/app/assets/stylesheets/govuk_publishing_components/components/print/_organisation-logo.scss +0 -7
- data/app/assets/stylesheets/govuk_publishing_components/components/print/_step-by-step-nav-header.scss +0 -7
- data/app/assets/stylesheets/govuk_publishing_components/components/print/_step-by-step-nav.scss +0 -116
- data/app/assets/stylesheets/govuk_publishing_components/components/print/_textarea.scss +0 -13
- data/app/assets/stylesheets/govuk_publishing_components/components/print/_title.scss +0 -7
data/app/assets/stylesheets/govuk_publishing_components/components/_step-by-step-nav-header.scss
CHANGED
@@ -17,3 +17,18 @@
|
|
17
17
|
@include govuk-font(19, $weight: bold);
|
18
18
|
display: block;
|
19
19
|
}
|
20
|
+
|
21
|
+
@include govuk-media-query($media-type: print) {
|
22
|
+
.gem-c-step-nav-header {
|
23
|
+
padding: 0 0 govuk-spacing(4) 0;
|
24
|
+
background: none;
|
25
|
+
}
|
26
|
+
|
27
|
+
.gem-c-step-nav-header__part-of {
|
28
|
+
display: block;
|
29
|
+
}
|
30
|
+
|
31
|
+
.gem-c-step-nav-header__title {
|
32
|
+
@include govuk-font(24, $weight: bold);
|
33
|
+
}
|
34
|
+
}
|
@@ -532,3 +532,9 @@ $top-border: solid 1px govuk-colour("mid-grey", $legacy: "grey-3");
|
|
532
532
|
content: " \2013\00a0"; // dash followed by
|
533
533
|
}
|
534
534
|
}
|
535
|
+
|
536
|
+
@include govuk-media-query($media-type: print) {
|
537
|
+
.gem-c-step-nav__panel {
|
538
|
+
display: block !important; // stylelint-disable-line declaration-no-important
|
539
|
+
}
|
540
|
+
}
|
@@ -9,3 +9,19 @@
|
|
9
9
|
}
|
10
10
|
}
|
11
11
|
}
|
12
|
+
|
13
|
+
@include govuk-media-query($media-type: print) {
|
14
|
+
.gem-c-textarea {
|
15
|
+
.gem-c-label,
|
16
|
+
.gem-c-error-message,
|
17
|
+
.govuk-hint,
|
18
|
+
.govuk-character-count__message {
|
19
|
+
display: block;
|
20
|
+
}
|
21
|
+
|
22
|
+
.govuk-textarea {
|
23
|
+
width: 400px;
|
24
|
+
height: 40px;
|
25
|
+
}
|
26
|
+
}
|
27
|
+
}
|
@@ -10,8 +10,7 @@ module GovukPublishingComponents
|
|
10
10
|
@component_docs = component_docs.all
|
11
11
|
@gem_component_docs = gem_component_docs.all
|
12
12
|
@components_in_use_docs = components_in_use_docs.used_in_this_app
|
13
|
-
@components_in_use_sass = components_in_use_sass
|
14
|
-
@components_in_use_print_sass = components_in_use_sass(true)
|
13
|
+
@components_in_use_sass = components_in_use_sass
|
15
14
|
@components_in_use_js = components_in_use_js
|
16
15
|
end
|
17
16
|
|
@@ -44,15 +43,14 @@ module GovukPublishingComponents
|
|
44
43
|
end
|
45
44
|
end
|
46
45
|
|
47
|
-
def components_in_use_sass
|
48
|
-
print_path = "print/" if print_styles
|
46
|
+
def components_in_use_sass
|
49
47
|
additional_files = "@import 'govuk_publishing_components/govuk_frontend_support';\n"
|
50
|
-
additional_files << "@import 'govuk_publishing_components/component_support';\n"
|
48
|
+
additional_files << "@import 'govuk_publishing_components/component_support';\n"
|
51
49
|
|
52
50
|
components = find_all_partials_in(components_in_use)
|
53
51
|
|
54
52
|
components.map { |component|
|
55
|
-
"@import 'govuk_publishing_components/components/#{
|
53
|
+
"@import 'govuk_publishing_components/components/#{component.gsub('_', '-')}';" if component_has_sass_file(component.gsub("_", "-"))
|
56
54
|
}.compact.uniq.sort.join("\n").squeeze("\n").prepend(additional_files)
|
57
55
|
end
|
58
56
|
|
@@ -128,9 +126,8 @@ module GovukPublishingComponents
|
|
128
126
|
extra_components.flatten.uniq.sort
|
129
127
|
end
|
130
128
|
|
131
|
-
def component_has_sass_file(component
|
132
|
-
|
133
|
-
Pathname.new(@component_gem_path + "/app/assets/stylesheets/govuk_publishing_components/components/#{print_path}_#{component}.scss").exist?
|
129
|
+
def component_has_sass_file(component)
|
130
|
+
Pathname.new(@component_gem_path + "/app/assets/stylesheets/govuk_publishing_components/components/_#{component}.scss").exist?
|
134
131
|
end
|
135
132
|
|
136
133
|
def component_has_js_file(component)
|
@@ -1,4 +1 @@
|
|
1
1
|
<%= stylesheet_link_tag "#{GovukPublishingComponents::Config.application_stylesheet}" %>
|
2
|
-
<% if GovukPublishingComponents::Config.application_print_stylesheet %>
|
3
|
-
<%= stylesheet_link_tag "#{GovukPublishingComponents::Config.application_print_stylesheet}", media: "print" %>
|
4
|
-
<% end %>
|
@@ -28,13 +28,6 @@
|
|
28
28
|
name: "main-sass",
|
29
29
|
value: @components_in_use_sass
|
30
30
|
} %>
|
31
|
-
<%= render "govuk_publishing_components/components/textarea", {
|
32
|
-
label: {
|
33
|
-
text: "Add this to your application's print scss file, before your other local imports."
|
34
|
-
},
|
35
|
-
name: "print-sass",
|
36
|
-
value: @components_in_use_print_sass
|
37
|
-
} %>
|
38
31
|
<%= render "govuk_publishing_components/components/textarea", {
|
39
32
|
label: {
|
40
33
|
text: "Add this to your application's main js file, before your other local imports."
|
@@ -2,6 +2,7 @@
|
|
2
2
|
shared_helper = GovukPublishingComponents::Presenters::SharedHelper.new(local_assigns)
|
3
3
|
|
4
4
|
hint_text ||= ""
|
5
|
+
id ||= nil
|
5
6
|
is_radio_label ||= false
|
6
7
|
bold ||= false
|
7
8
|
heading_size = false unless shared_helper.valid_heading_size?(heading_size)
|
@@ -18,10 +19,10 @@
|
|
18
19
|
|
19
20
|
<% if is_page_heading %>
|
20
21
|
<%= tag.h1 text, class: "govuk-label-wrapper" do %>
|
21
|
-
<%= tag.label text, for: html_for, class: css_classes %>
|
22
|
+
<%= tag.label text, id: id, for: html_for, class: css_classes %>
|
22
23
|
<% end %>
|
23
24
|
<% else %>
|
24
|
-
<%= tag.label text, for: html_for, class: css_classes %>
|
25
|
+
<%= tag.label text, id: id, for: html_for, class: css_classes %>
|
25
26
|
<% end %>
|
26
27
|
|
27
28
|
<% if hint_text.present? %>
|
@@ -9,8 +9,7 @@
|
|
9
9
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
10
10
|
<%= csrf_meta_tags %>
|
11
11
|
<%= favicon_link_tag "govuk_publishing_components/favicon-#{environment}.png" %>
|
12
|
-
<%= stylesheet_link_tag "application" %>
|
13
|
-
<%= stylesheet_link_tag "print", media: "print" %>
|
12
|
+
<%= stylesheet_link_tag "application", media: "all" %>
|
14
13
|
<%= javascript_include_tag "govuk_publishing_components/vendor/modernizr" %>
|
15
14
|
<%= yield :head %>
|
16
15
|
</head>
|
@@ -62,7 +62,6 @@
|
|
62
62
|
<%= csrf_meta_tags %>
|
63
63
|
|
64
64
|
<%= stylesheet_link_tag "application", media: "all" %>
|
65
|
-
<%= stylesheet_link_tag "print", media: "print" %>
|
66
65
|
<!--[if lt IE 9]><%= javascript_include_tag "govuk_publishing_components/ie", integrity: true, crossorigin: "anonymous" %><![endif]-->
|
67
66
|
<link rel="shortcut icon" href="<%= asset_path 'favicon.ico' %>" type="image/x-icon" />
|
68
67
|
<link rel="mask-icon" href="<%= asset_path 'govuk-mask-icon.svg' %>" color="#0b0c0c">
|
data/app/views/govuk_publishing_components/components/_layout_super_navigation_header.html.erb
CHANGED
@@ -2,7 +2,7 @@
|
|
2
2
|
logo_link ||= "https://www.gov.uk/"
|
3
3
|
logo_link_title ||= t("components.layout_super_navigation_header.logo_link_title")
|
4
4
|
logo_text = t("components.layout_super_navigation_header.logo_text")
|
5
|
-
|
5
|
+
navigation_links_columns = t("components.layout_super_navigation_header.navigation_links_columns")
|
6
6
|
navigation_menu_heading = t("components.layout_super_navigation_header.navigation_menu_heading")
|
7
7
|
navigation_search_heading = t("components.layout_super_navigation_header.navigation_search_heading")
|
8
8
|
navigation_search_subheading = t("components.layout_super_navigation_header.navigation_search_subheading")
|
@@ -65,140 +65,93 @@
|
|
65
65
|
<h2 id="super-navigation-menu-heading" class="govuk-visually-hidden">
|
66
66
|
<%= navigation_menu_heading %>
|
67
67
|
</h2>
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
>
|
90
|
-
<span class="gem-c-layout-super-navigation-header__navigation-top-toggle-button-inner">
|
91
|
-
Menu
|
68
|
+
|
69
|
+
<%
|
70
|
+
link = t("components.layout_super_navigation_header.navigation_link")
|
71
|
+
unique_id = SecureRandom.hex(4)
|
72
|
+
show_menu_text = show_navigation_menu_text
|
73
|
+
hide_menu_text = hide_navigation_menu_text
|
74
|
+
tracking_label = link[:label].downcase.gsub(/\s+/, "")
|
75
|
+
%>
|
76
|
+
|
77
|
+
<%= link_to link[:href], {
|
78
|
+
class: "gem-c-layout-super-navigation-header__navigation-item-link",
|
79
|
+
data: {
|
80
|
+
track_action: "#{tracking_label}Link",
|
81
|
+
track_category: "headerClicked",
|
82
|
+
track_label: link[:href],
|
83
|
+
track_dimension: link[:label],
|
84
|
+
track_dimension_index: "29",
|
85
|
+
}
|
86
|
+
} do %>
|
87
|
+
<span class="gem-c-layout-super-navigation-header__navigation-item-link-inner">
|
88
|
+
<%= link[:label] %>
|
92
89
|
</span>
|
93
|
-
|
94
|
-
|
95
|
-
|
96
|
-
|
97
|
-
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
|
106
|
-
|
107
|
-
|
108
|
-
|
109
|
-
|
110
|
-
|
111
|
-
|
112
|
-
|
113
|
-
|
114
|
-
|
115
|
-
|
116
|
-
|
117
|
-
|
118
|
-
|
119
|
-
|
120
|
-
|
121
|
-
|
122
|
-
|
123
|
-
|
124
|
-
|
125
|
-
|
126
|
-
|
127
|
-
|
128
|
-
|
129
|
-
|
130
|
-
|
131
|
-
|
132
|
-
|
133
|
-
|
134
|
-
|
135
|
-
|
136
|
-
|
137
|
-
|
138
|
-
|
139
|
-
|
140
|
-
|
141
|
-
|
142
|
-
|
143
|
-
|
144
|
-
|
145
|
-
|
146
|
-
|
147
|
-
|
148
|
-
|
149
|
-
|
150
|
-
|
151
|
-
|
152
|
-
|
153
|
-
|
154
|
-
|
155
|
-
|
156
|
-
id="super-navigation-menu__section-<%= unique_id %>"
|
157
|
-
>
|
158
|
-
<div class="govuk-width-container gem-c-layout-super-navigation-header__width-container">
|
159
|
-
<div class="govuk-grid-row">
|
160
|
-
<div class="govuk-grid-column-one-third-from-desktop">
|
161
|
-
<% if link[:description].present? %>
|
162
|
-
<h3 class="govuk-body-l gem-c-layout-super-navigation-header__menu-description">
|
163
|
-
<%= link[:description] %>
|
164
|
-
</h3>
|
165
|
-
<% end %>
|
166
|
-
</div>
|
167
|
-
<div class="govuk-grid-column-two-thirds-from-desktop">
|
168
|
-
<% if link[:menu_contents].present? %>
|
169
|
-
<ul class="gem-c-layout-super-navigation-header__navigation-second-items gem-c-layout-super-navigation-header__navigation-second-items--<%= link[:label].parameterize %>">
|
170
|
-
<% link[:menu_contents].each do | item | %>
|
171
|
-
<%
|
172
|
-
has_description = item[:description].present?
|
173
|
-
link_classes = %w[govuk-link gem-c-layout-super-navigation-header__navigation-second-item-link]
|
174
|
-
link_classes << "gem-c-layout-super-navigation-header__navigation-second-item-link--with-description" if has_description
|
175
|
-
%>
|
176
|
-
<li class="gem-c-layout-super-navigation-header__dropdown-list-item">
|
177
|
-
<%= link_to item[:label], item[:href], {
|
178
|
-
class: link_classes,
|
179
|
-
data: {
|
180
|
-
track_action: "#{tracking_label}Link",
|
181
|
-
track_category: "headerClicked",
|
182
|
-
track_label: item[:href],
|
183
|
-
track_dimension: item[:label],
|
184
|
-
track_dimension_index: "29",
|
185
|
-
}
|
186
|
-
} %>
|
187
|
-
<%= tag.p item[:description], class: "gem-c-layout-super-navigation-header__navigation-second-item-description" if has_description %>
|
188
|
-
</li>
|
189
|
-
<% end %>
|
190
|
-
</ul>
|
191
|
-
<% end %>
|
192
|
-
<% if link[:footer_links].present? %>
|
193
|
-
<hr class="gem-c-layout-super-navigation-header__navigation-second-footer-break govuk-section-break govuk-section-break--visible">
|
194
|
-
<ul class="gem-c-layout-super-navigation-header__navigation-second-footer-list">
|
195
|
-
<% link[:footer_links].each do | item | %>
|
196
|
-
<li class="gem-c-layout-super-navigation-header__navigation-second-footer-item">
|
90
|
+
<% end %>
|
91
|
+
|
92
|
+
<%= content_tag(:button, {
|
93
|
+
aria: {
|
94
|
+
controls: "super-navigation-menu-#{unique_id}",
|
95
|
+
expanded: false,
|
96
|
+
label: show_menu_text,
|
97
|
+
},
|
98
|
+
class: "gem-c-layout-super-navigation-header__navigation-top-toggle-button",
|
99
|
+
data: {
|
100
|
+
text_for_hide: hide_menu_text,
|
101
|
+
text_for_show: show_menu_text,
|
102
|
+
toggle_desktop_group: "top",
|
103
|
+
toggle_mobile_group: "top",
|
104
|
+
tracking_key: tracking_label,
|
105
|
+
ga4_event: {
|
106
|
+
event_name: "select_content",
|
107
|
+
type: "header menu bar",
|
108
|
+
text: link[:label],
|
109
|
+
index: 1,
|
110
|
+
index_total: 2,
|
111
|
+
section: link[:label]
|
112
|
+
}
|
113
|
+
},
|
114
|
+
hidden: true,
|
115
|
+
id: "super-navigation-menu-#{unique_id}-toggle",
|
116
|
+
type: "button",
|
117
|
+
}) do %>
|
118
|
+
<%= tag.span link[:label], class: "gem-c-layout-super-navigation-header__navigation-top-toggle-button-inner" %>
|
119
|
+
<% end %>
|
120
|
+
<%= tag.div class: "gem-c-layout-super-navigation-header__navigation-items" do %>
|
121
|
+
<div
|
122
|
+
id="super-navigation-menu-<%= unique_id %>" hidden
|
123
|
+
class="gem-c-layout-super-navigation-header__navigation-dropdown-menu"
|
124
|
+
>
|
125
|
+
<div class="gem-c-layout-super-navigation-header__width-container">
|
126
|
+
<div class="govuk-grid-row">
|
127
|
+
|
128
|
+
<% navigation_links_columns.each_with_index do | column, index | %>
|
129
|
+
<%
|
130
|
+
case column[:size]
|
131
|
+
when 2
|
132
|
+
width_class = "govuk-grid-column-two-thirds-from-desktop"
|
133
|
+
when 3
|
134
|
+
width_class = "govuk-grid-column-full-from-desktop"
|
135
|
+
else
|
136
|
+
width_class = "govuk-grid-column-one-third-from-desktop"
|
137
|
+
end
|
138
|
+
%>
|
139
|
+
|
140
|
+
<div class="<%= width_class %> gem-c-layout-super-navigation-header__column--<%= column[:label].downcase.sub(" ", "-") %>">
|
141
|
+
<h3 class="govuk-heading-m gem-c-layout-super-navigation-header__column-header">
|
142
|
+
<%= column[:label] %>
|
143
|
+
</h3>
|
144
|
+
<ul class="gem-c-layout-super-navigation-header__navigation-second-items gem-c-layout-super-navigation-header__navigation-second-items--<%= column[:label].downcase.sub(" ", "-") %>">
|
145
|
+
<% column[:menu_contents].each do | item | %>
|
146
|
+
<%
|
147
|
+
has_description = item[:description].present?
|
148
|
+
link_classes = %w[govuk-link gem-c-layout-super-navigation-header__navigation-second-item-link]
|
149
|
+
link_classes << "gem-c-layout-super-navigation-header__navigation-second-item-link--with-description" if has_description
|
150
|
+
tracking_label = column[:label].downcase.gsub(/\s+/, "")
|
151
|
+
%>
|
152
|
+
<li class="gem-c-layout-super-navigation-header__dropdown-list-item">
|
197
153
|
<%= link_to item[:label], item[:href], {
|
198
|
-
class:
|
199
|
-
"govuk-link",
|
200
|
-
"gem-c-layout-super-navigation-header__navigation-second-footer-link",
|
201
|
-
],
|
154
|
+
class: link_classes,
|
202
155
|
data: {
|
203
156
|
track_action: "#{tracking_label}Link",
|
204
157
|
track_category: "headerClicked",
|
@@ -207,18 +160,16 @@
|
|
207
160
|
track_dimension_index: "29",
|
208
161
|
}
|
209
162
|
} %>
|
163
|
+
<%= tag.p item[:description], class: "gem-c-layout-super-navigation-header__navigation-second-item-description" if has_description %>
|
210
164
|
</li>
|
211
|
-
|
212
|
-
|
213
|
-
<% end %>
|
165
|
+
<% end %>
|
166
|
+
</ul>
|
214
167
|
</div>
|
215
|
-
|
168
|
+
<% end %>
|
216
169
|
</div>
|
217
170
|
</div>
|
218
|
-
|
219
|
-
<% end %>
|
171
|
+
</div>
|
220
172
|
<% end %>
|
221
|
-
</ul>
|
222
173
|
|
223
174
|
<button
|
224
175
|
aria-controls="super-search-menu"
|
@@ -237,8 +188,8 @@
|
|
237
188
|
"event_name": "select_content",
|
238
189
|
"type": "header menu bar",
|
239
190
|
"text": "Search",
|
240
|
-
"index":
|
241
|
-
"index_total":
|
191
|
+
"index": 2,
|
192
|
+
"index_total": 2,
|
242
193
|
"section": "Search"
|
243
194
|
}.to_json %>"
|
244
195
|
>
|
@@ -265,7 +216,7 @@
|
|
265
216
|
</h3>
|
266
217
|
<div class="gem-c-layout-super-navigation-header__search-item">
|
267
218
|
<a class="gem-c-layout-super-navigation-header__search-item-link" href="/search">
|
268
|
-
<span class="
|
219
|
+
<span class="govuk-visually-hidden">
|
269
220
|
<%= search_text %>
|
270
221
|
</span>
|
271
222
|
<svg
|
@@ -59,3 +59,9 @@ examples:
|
|
59
59
|
html_for: "id-radio"
|
60
60
|
hint_id: "id-radio"
|
61
61
|
hint_text: "It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’."
|
62
|
+
with_id:
|
63
|
+
description:
|
64
|
+
data:
|
65
|
+
text: "Label with an ID"
|
66
|
+
id: "id-for-the-label"
|
67
|
+
html_for: "id-that-matches-input-6"
|
@@ -16,8 +16,7 @@
|
|
16
16
|
<%= csrf_meta_tags %>
|
17
17
|
<%= favicon_link_tag "govuk_publishing_components/favicon-production.png" %>
|
18
18
|
|
19
|
-
<%= stylesheet_link_tag "component_guide/application", media: "
|
20
|
-
<%= stylesheet_link_tag "component_guide/print", media: "print" %>
|
19
|
+
<%= stylesheet_link_tag "component_guide/application", media: "all" %>
|
21
20
|
<%= yield :application_stylesheet %>
|
22
21
|
|
23
22
|
<%= javascript_include_tag "govuk_publishing_components/vendor/modernizr" %>
|
data/config/locales/ar.yml
CHANGED
@@ -112,7 +112,10 @@ ar:
|
|
112
112
|
menu_toggle_label:
|
113
113
|
hide:
|
114
114
|
show:
|
115
|
-
|
115
|
+
navigation_link:
|
116
|
+
href:
|
117
|
+
label:
|
118
|
+
navigation_links_columns:
|
116
119
|
navigation_menu_heading:
|
117
120
|
navigation_search_heading:
|
118
121
|
navigation_search_subheading:
|
@@ -159,13 +162,6 @@ ar:
|
|
159
162
|
statistical_data_sets: مجموعة بيانات إحصائية
|
160
163
|
topical_events: حدث موضوعي
|
161
164
|
topics: استكشف الموضوع
|
162
|
-
transition:
|
163
|
-
hub_page_link_path: "/transition-check/questions"
|
164
|
-
hub_page_link_text: احصل على قائمة مخصصة للإجراءات
|
165
|
-
hub_page_title: أداة التحقق الخاصة ببرِيكْسِت
|
166
|
-
link_path: "/brexit"
|
167
|
-
link_text: تحقق مما تحتاج إلى القيام به
|
168
|
-
title: برِيكْسِت
|
169
165
|
ukraine:
|
170
166
|
links:
|
171
167
|
title:
|
data/config/locales/az.yml
CHANGED
@@ -15,6 +15,7 @@ az:
|
|
15
15
|
opendocument_html: Bu fayl <a href='https://www.gov.uk/guidance/using-open-document-formats-odf-in-your-organisation' target=%{target} class='govuk-link'>OpenDocument</a> formatındadır
|
16
16
|
order_a_copy: Surətini sifariş edin
|
17
17
|
page:
|
18
|
+
one:
|
18
19
|
other: "%{count} səhifə"
|
19
20
|
reference: 'İst: %{reference}'
|
20
21
|
request_format_cta: İstifadə edilə bilən format tələb edin.
|
@@ -108,7 +109,10 @@ az:
|
|
108
109
|
menu_toggle_label:
|
109
110
|
hide:
|
110
111
|
show:
|
111
|
-
|
112
|
+
navigation_link:
|
113
|
+
href:
|
114
|
+
label:
|
115
|
+
navigation_links_columns:
|
112
116
|
navigation_menu_heading:
|
113
117
|
navigation_search_heading:
|
114
118
|
navigation_search_subheading:
|
@@ -155,13 +159,6 @@ az:
|
|
155
159
|
statistical_data_sets: Statistik məlumat paketi
|
156
160
|
topical_events: Aktual tədbir
|
157
161
|
topics: Mövzunu araşdırın
|
158
|
-
transition:
|
159
|
-
hub_page_link_path: "/transition-check/questions"
|
160
|
-
hub_page_link_text: Fəaliyyətlər üzrə fərdi siyahı əldə edin
|
161
|
-
hub_page_title: Brexit yoxlayıcısı
|
162
|
-
link_path: "/brexit"
|
163
|
-
link_text: Nələri etməli olduğunuzu yoxlayın
|
164
|
-
title: Brexit
|
165
162
|
ukraine:
|
166
163
|
links:
|
167
164
|
title:
|
data/config/locales/be.yml
CHANGED
@@ -115,7 +115,10 @@ be:
|
|
115
115
|
menu_toggle_label:
|
116
116
|
hide:
|
117
117
|
show:
|
118
|
-
|
118
|
+
navigation_link:
|
119
|
+
href:
|
120
|
+
label:
|
121
|
+
navigation_links_columns:
|
119
122
|
navigation_menu_heading:
|
120
123
|
navigation_search_heading:
|
121
124
|
navigation_search_subheading:
|
@@ -162,13 +165,6 @@ be:
|
|
162
165
|
statistical_data_sets: Статыстычныя дадзеныя
|
163
166
|
topical_events: Актуальная падзея
|
164
167
|
topics: Вывучыць тэму
|
165
|
-
transition:
|
166
|
-
hub_page_link_path: "/transition-check/questions"
|
167
|
-
hub_page_link_text: Атрымайце персанальны спіс дзеянняў
|
168
|
-
hub_page_title: Праверка Брэкзiт
|
169
|
-
link_path: "/brexit"
|
170
|
-
link_text: Праверце, што вам трэба зрабіць
|
171
|
-
title: Брэкзiт
|
172
168
|
ukraine:
|
173
169
|
links:
|
174
170
|
title:
|
data/config/locales/bg.yml
CHANGED
@@ -113,7 +113,10 @@ bg:
|
|
113
113
|
menu_toggle_label:
|
114
114
|
hide:
|
115
115
|
show:
|
116
|
-
|
116
|
+
navigation_link:
|
117
|
+
href:
|
118
|
+
label:
|
119
|
+
navigation_links_columns:
|
117
120
|
navigation_menu_heading:
|
118
121
|
navigation_search_heading:
|
119
122
|
navigation_search_subheading:
|
@@ -160,13 +163,6 @@ bg:
|
|
160
163
|
statistical_data_sets: Набор от статистически данни
|
161
164
|
topical_events: Тематично събитие
|
162
165
|
topics: Разглеждане на темата
|
163
|
-
transition:
|
164
|
-
hub_page_link_path: "/transition-check/questions"
|
165
|
-
hub_page_link_text: Получаване на персонализиран списък с действия
|
166
|
-
hub_page_title: Проверка за Брекзит
|
167
|
-
link_path: "/brexit"
|
168
|
-
link_text: Проверете какво трябва да направите
|
169
|
-
title: Брекзит
|
170
166
|
ukraine:
|
171
167
|
links:
|
172
168
|
title:
|
data/config/locales/bn.yml
CHANGED
@@ -110,7 +110,10 @@ bn:
|
|
110
110
|
menu_toggle_label:
|
111
111
|
hide:
|
112
112
|
show:
|
113
|
-
|
113
|
+
navigation_link:
|
114
|
+
href:
|
115
|
+
label:
|
116
|
+
navigation_links_columns:
|
114
117
|
navigation_menu_heading:
|
115
118
|
navigation_search_heading:
|
116
119
|
navigation_search_subheading:
|
@@ -157,13 +160,6 @@ bn:
|
|
157
160
|
statistical_data_sets: পরিসংখ্যানগত তথ্য সংকলন
|
158
161
|
topical_events: বিষয়ভিত্তিক ইভেন্ট
|
159
162
|
topics: বিষয়টি অনুসন্ধান করুন
|
160
|
-
transition:
|
161
|
-
hub_page_link_path: "/transition-check/questions"
|
162
|
-
hub_page_link_text: গৃহীত পদক্ষেপের ব্যক্তিগতকৃত তালিকা নিন
|
163
|
-
hub_page_title: ব্রেক্সিট চেকার
|
164
|
-
link_path: "/brexit"
|
165
|
-
link_text: আপনার যা করা প্রয়োজন তা দেখুন
|
166
|
-
title: ব্রেক্সিট
|
167
163
|
ukraine:
|
168
164
|
links:
|
169
165
|
title:
|
data/config/locales/cs.yml
CHANGED
@@ -114,7 +114,10 @@ cs:
|
|
114
114
|
menu_toggle_label:
|
115
115
|
hide:
|
116
116
|
show:
|
117
|
-
|
117
|
+
navigation_link:
|
118
|
+
href:
|
119
|
+
label:
|
120
|
+
navigation_links_columns:
|
118
121
|
navigation_menu_heading:
|
119
122
|
navigation_search_heading:
|
120
123
|
navigation_search_subheading:
|
@@ -161,13 +164,6 @@ cs:
|
|
161
164
|
statistical_data_sets: Soubor statistických údajů.
|
162
165
|
topical_events: Aktuální událost
|
163
166
|
topics: Prozkoumat téma
|
164
|
-
transition:
|
165
|
-
hub_page_link_path: "/transition-check/questions"
|
166
|
-
hub_page_link_text: Získejte personalizovaný seznam akcí
|
167
|
-
hub_page_title: Kontrola brexitu
|
168
|
-
link_path: "/brexit"
|
169
|
-
link_text: Zkontrolujte, co je třeba udělat
|
170
|
-
title: Brexit
|
171
167
|
ukraine:
|
172
168
|
links:
|
173
169
|
title:
|