govuk_publishing_components 33.1.0 → 34.1.0
Sign up to get free protection for your applications and to get access to all the features.
- 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:
|