govuk_publishing_components 24.11.1 → 24.13.3
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/assets/javascripts/govuk_publishing_components/analytics/scroll-tracker.js +1 -1
- data/app/assets/javascripts/govuk_publishing_components/lib/header-navigation.js +6 -0
- data/app/assets/stylesheets/govuk_publishing_components/_all_components.scss +3 -0
- data/app/assets/stylesheets/govuk_publishing_components/components/_accordion.scss +50 -31
- data/app/assets/stylesheets/govuk_publishing_components/components/_action-link.scss +0 -35
- data/app/assets/stylesheets/govuk_publishing_components/components/_contents-list.scss +0 -13
- data/app/assets/stylesheets/govuk_publishing_components/components/_image-card.scss +0 -6
- data/app/assets/stylesheets/govuk_publishing_components/components/_inverse-header.scss +0 -4
- data/app/assets/stylesheets/govuk_publishing_components/components/_organisation-logo.scss +10 -3
- data/app/assets/stylesheets/govuk_publishing_components/components/_previous-and-next-navigation.scss +11 -1
- data/app/assets/stylesheets/govuk_publishing_components/components/_print-link.scss +1 -1
- data/app/assets/stylesheets/govuk_publishing_components/components/_share-links.scss +0 -1
- data/app/assets/stylesheets/govuk_publishing_components/components/_show-password.scss +1 -0
- data/app/assets/stylesheets/govuk_publishing_components/components/_step-by-step-nav.scss +8 -2
- data/app/assets/stylesheets/govuk_publishing_components/components/_subscription-links.scss +6 -2
- data/app/assets/stylesheets/govuk_publishing_components/components/helpers/_markdown-typography.scss +1 -0
- data/app/views/govuk_publishing_components/components/_action_link.html.erb +2 -1
- data/app/views/govuk_publishing_components/components/_attachment.html.erb +3 -3
- data/app/views/govuk_publishing_components/components/_attachment_link.html.erb +1 -1
- data/app/views/govuk_publishing_components/components/_character_count.html.erb +1 -1
- data/app/views/govuk_publishing_components/components/_contents_list.html.erb +10 -3
- data/app/views/govuk_publishing_components/components/_contextual_sidebar.html.erb +2 -2
- data/app/views/govuk_publishing_components/components/_cookie_banner.html.erb +16 -6
- data/app/views/govuk_publishing_components/components/_government_navigation.html.erb +14 -14
- data/app/views/govuk_publishing_components/components/_image_card.html.erb +15 -2
- data/app/views/govuk_publishing_components/components/_layout_footer.html.erb +3 -8
- data/app/views/govuk_publishing_components/components/_layout_for_public.html.erb +2 -0
- data/app/views/govuk_publishing_components/components/_layout_header.html.erb +11 -2
- data/app/views/govuk_publishing_components/components/_metadata.html.erb +6 -6
- data/app/views/govuk_publishing_components/components/_modal_dialogue.html.erb +1 -1
- data/app/views/govuk_publishing_components/components/_organisation_logo.html.erb +13 -13
- data/app/views/govuk_publishing_components/components/_previous_and_next_navigation.html.erb +11 -7
- data/app/views/govuk_publishing_components/components/_search.html.erb +5 -2
- data/app/views/govuk_publishing_components/components/_share_links.html.erb +1 -1
- data/app/views/govuk_publishing_components/components/_step_by_step_nav.html.erb +4 -4
- data/app/views/govuk_publishing_components/components/_step_by_step_nav_related.html.erb +1 -1
- data/app/views/govuk_publishing_components/components/_subscription_links.html.erb +9 -9
- data/app/views/govuk_publishing_components/components/_success_alert.html.erb +1 -1
- data/app/views/govuk_publishing_components/components/_tabs.html.erb +1 -1
- data/app/views/govuk_publishing_components/components/contextual_sidebar/_brexit_cta.html.erb +9 -4
- data/app/views/govuk_publishing_components/components/docs/government_navigation.yml +2 -0
- data/app/views/govuk_publishing_components/components/docs/inset_text.yml +2 -2
- data/app/views/govuk_publishing_components/components/docs/inverse_header.yml +18 -15
- data/app/views/govuk_publishing_components/components/feedback/_problem_form.html.erb +6 -6
- data/app/views/govuk_publishing_components/components/feedback/_survey_signup_form.html.erb +5 -5
- data/app/views/govuk_publishing_components/components/feedback/_yes_no_banner.html.erb +6 -6
- data/app/views/govuk_publishing_components/components/layout_header/_header_logo.html.erb +3 -3
- data/app/views/govuk_publishing_components/components/metadata/_sentence.html.erb +2 -2
- data/app/views/govuk_publishing_components/components/related_navigation/_section.html.erb +1 -1
- data/config/locales/ar.yml +33 -0
- data/config/locales/az.yml +33 -0
- data/config/locales/be.yml +33 -0
- data/config/locales/bg.yml +33 -0
- data/config/locales/bn.yml +33 -0
- data/config/locales/cs.yml +33 -0
- data/config/locales/cy.yml +34 -1
- data/config/locales/da.yml +33 -0
- data/config/locales/de.yml +33 -0
- data/config/locales/dr.yml +33 -0
- data/config/locales/el.yml +33 -0
- data/config/locales/en.yml +45 -9
- data/config/locales/es-419.yml +33 -0
- data/config/locales/es.yml +33 -0
- data/config/locales/et.yml +33 -0
- data/config/locales/fa.yml +33 -0
- data/config/locales/fi.yml +33 -0
- data/config/locales/fr.yml +33 -0
- data/config/locales/gd.yml +33 -0
- data/config/locales/gu.yml +33 -0
- data/config/locales/he.yml +33 -0
- data/config/locales/hi.yml +33 -0
- data/config/locales/hr.yml +33 -0
- data/config/locales/hu.yml +33 -0
- data/config/locales/hy.yml +33 -0
- data/config/locales/id.yml +33 -0
- data/config/locales/is.yml +33 -0
- data/config/locales/it.yml +33 -0
- data/config/locales/ja.yml +33 -0
- data/config/locales/ka.yml +33 -0
- data/config/locales/kk.yml +33 -0
- data/config/locales/ko.yml +33 -0
- data/config/locales/lt.yml +33 -0
- data/config/locales/lv.yml +33 -0
- data/config/locales/ms.yml +33 -0
- data/config/locales/mt.yml +33 -0
- data/config/locales/nl.yml +33 -0
- data/config/locales/no.yml +33 -0
- data/config/locales/pa-pk.yml +33 -0
- data/config/locales/pa.yml +33 -0
- data/config/locales/pl.yml +33 -0
- data/config/locales/ps.yml +33 -0
- data/config/locales/pt.yml +33 -0
- data/config/locales/ro.yml +33 -0
- data/config/locales/ru.yml +33 -0
- data/config/locales/si.yml +33 -0
- data/config/locales/sk.yml +33 -0
- data/config/locales/sl.yml +33 -0
- data/config/locales/so.yml +33 -0
- data/config/locales/sq.yml +33 -0
- data/config/locales/sr.yml +33 -0
- data/config/locales/sv.yml +33 -0
- data/config/locales/sw.yml +33 -0
- data/config/locales/ta.yml +33 -0
- data/config/locales/th.yml +33 -0
- data/config/locales/tk.yml +33 -0
- data/config/locales/tr.yml +33 -0
- data/config/locales/uk.yml +33 -0
- data/config/locales/ur.yml +33 -0
- data/config/locales/uz.yml +33 -0
- data/config/locales/vi.yml +33 -0
- data/config/locales/zh-hk.yml +33 -0
- data/config/locales/zh-tw.yml +33 -0
- data/config/locales/zh.yml +33 -0
- data/lib/govuk_publishing_components.rb +1 -0
- data/lib/govuk_publishing_components/presenters/brexit_cta_helper.rb +33 -0
- data/lib/govuk_publishing_components/presenters/content_item.rb +1 -3
- data/lib/govuk_publishing_components/presenters/contents_list_helper.rb +0 -3
- data/lib/govuk_publishing_components/presenters/public_layout_helper.rb +1 -1
- data/lib/govuk_publishing_components/version.rb +1 -1
- metadata +8 -7
data/app/views/govuk_publishing_components/components/_previous_and_next_navigation.html.erb
CHANGED
@@ -2,10 +2,14 @@
|
|
2
2
|
<nav
|
3
3
|
class="gem-c-pagination"
|
4
4
|
role="navigation"
|
5
|
-
aria-label="<%= t("components.previous_and_next_navigation.pagination"
|
5
|
+
aria-label="<%= t("components.previous_and_next_navigation.pagination") %>"
|
6
6
|
>
|
7
7
|
<ul class="gem-c-pagination__list" data-module="gem-track-click">
|
8
8
|
<% if local_assigns.include?(:previous_page) %>
|
9
|
+
<%
|
10
|
+
link_text_classes = %w[gem-c-pagination__link-text]
|
11
|
+
link_text_classes << "gem-c-pagination__link-text--decorated" unless previous_page[:label].present?
|
12
|
+
%>
|
9
13
|
<li class="gem-c-pagination__item gem-c-pagination__item--previous">
|
10
14
|
<a href="<%= previous_page[:url] %>"
|
11
15
|
class="govuk-link gem-c-pagination__link"
|
@@ -20,9 +24,7 @@
|
|
20
24
|
<svg class="gem-c-pagination__link-icon" xmlns="http://www.w3.org/2000/svg" height="13" width="17" viewBox="0 0 17 13">
|
21
25
|
<path d="m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z"/>
|
22
26
|
</svg>
|
23
|
-
|
24
|
-
<%= previous_page[:title] %>
|
25
|
-
</span>
|
27
|
+
<%= tag.span(previous_page[:title], class: link_text_classes) %>
|
26
28
|
</span>
|
27
29
|
<% if previous_page[:label].present? %>
|
28
30
|
<span class="gem-c-pagination__link-divider visually-hidden">:</span>
|
@@ -32,6 +34,10 @@
|
|
32
34
|
</li>
|
33
35
|
<% end %>
|
34
36
|
<% if local_assigns.include?(:next_page) %>
|
37
|
+
<%
|
38
|
+
link_text_classes = %w[gem-c-pagination__link-text]
|
39
|
+
link_text_classes << "gem-c-pagination__link-text--decorated" unless next_page[:label].present?
|
40
|
+
%>
|
35
41
|
<li class="gem-c-pagination__item gem-c-pagination__item--next">
|
36
42
|
<a href="<%= next_page[:url] %>"
|
37
43
|
class="govuk-link gem-c-pagination__link"
|
@@ -46,9 +52,7 @@
|
|
46
52
|
<svg class="gem-c-pagination__link-icon" xmlns="http://www.w3.org/2000/svg" height="13" width="17" viewBox="0 0 17 13">
|
47
53
|
<path d="m10.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z"/>
|
48
54
|
</svg>
|
49
|
-
|
50
|
-
<%= next_page[:title] %>
|
51
|
-
</span>
|
55
|
+
<%= tag.span(next_page[:title], class: link_text_classes) %>
|
52
56
|
</span>
|
53
57
|
<% if next_page[:label].present? %>
|
54
58
|
<span class="gem-c-pagination__link-divider visually-hidden">:</span>
|
@@ -10,6 +10,9 @@
|
|
10
10
|
size ||= ""
|
11
11
|
value ||= ""
|
12
12
|
|
13
|
+
data_attributes ||= {}
|
14
|
+
data_attributes[:module] = 'gem-track-click'
|
15
|
+
|
13
16
|
classes = %w[gem-c-search govuk-!-display-none-print]
|
14
17
|
classes << (shared_helper.get_margin_top)
|
15
18
|
classes << (shared_helper.get_margin_bottom) if local_assigns[:margin_bottom]
|
@@ -40,9 +43,9 @@
|
|
40
43
|
value: value,
|
41
44
|
) %>
|
42
45
|
<div class="gem-c-search__item gem-c-search__submit-wrapper">
|
43
|
-
|
46
|
+
<%= tag.button class: "gem-c-search__submit", type: "submit", data: data_attributes do %>
|
44
47
|
<%= button_text %>
|
45
|
-
|
48
|
+
<% end %>
|
46
49
|
</div>
|
47
50
|
</div>
|
48
51
|
</div>
|
@@ -52,7 +52,7 @@
|
|
52
52
|
'track-action': link[:icon],
|
53
53
|
'track-options': track_options
|
54
54
|
},
|
55
|
-
class: "govuk-link gem-c-share-links__link #{brand_helper.color_class}" do %>
|
55
|
+
class: "govuk-link govuk-link--no-underline gem-c-share-links__link #{brand_helper.color_class}" do %>
|
56
56
|
<span class="gem-c-share-links__link-icon">
|
57
57
|
<% if link[:icon] == 'facebook' %>
|
58
58
|
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" aria-hidden="true">
|
@@ -22,10 +22,10 @@
|
|
22
22
|
class="gem-c-step-nav js-hidden <% if small %>govuk-!-display-none-print<% end %> <% unless small %>gem-c-step-nav--large<% end %>"
|
23
23
|
<%= "data-remember" if remember_last_step %>
|
24
24
|
<%= "data-id=#{tracking_id}" if tracking_id %>
|
25
|
-
data-show-text="<%= t("components.step_by_step_nav.show"
|
26
|
-
data-hide-text="<%= t("components.step_by_step_nav.hide"
|
27
|
-
data-show-all-text="<%= t("components.step_by_step_nav.show_all"
|
28
|
-
data-hide-all-text="<%= t("components.step_by_step_nav.hide_all"
|
25
|
+
data-show-text="<%= t("components.step_by_step_nav.show") %>"
|
26
|
+
data-hide-text="<%= t("components.step_by_step_nav.hide") %>"
|
27
|
+
data-show-all-text="<%= t("components.step_by_step_nav.show_all") %>"
|
28
|
+
data-hide-all-text="<%= t("components.step_by_step_nav.hide_all") %>"
|
29
29
|
>
|
30
30
|
<ol class="gem-c-step-nav__steps">
|
31
31
|
<% steps.each_with_index do |step, step_index| %>
|
@@ -23,7 +23,7 @@
|
|
23
23
|
<% if sl_helper.component_data_is_valid? %>
|
24
24
|
<%= tag.section class: css_classes, data: data do %>
|
25
25
|
<% unless hide_heading %>
|
26
|
-
<h2 class="gem-c-subscription-links__hidden-header visuallyhidden"><%= t("components.subscription_links.subscriptions"
|
26
|
+
<h2 class="gem-c-subscription-links__hidden-header visuallyhidden"><%= t("components.subscription_links.subscriptions") %></h2>
|
27
27
|
<% end %>
|
28
28
|
<ul
|
29
29
|
class="gem-c-subscription-links__list<%= ' gem-c-subscription-links__list--small' if local_assigns[:small_form] == true %>"
|
@@ -32,11 +32,11 @@
|
|
32
32
|
<% if sl_helper.email_signup_link.present? %>
|
33
33
|
<li class="gem-c-subscription-links__list-item<%= ' gem-c-subscription-links__list-item--small' if local_assigns[:small_form] == true %>" >
|
34
34
|
<% email_link_text = capture do %>
|
35
|
-
|
36
|
-
|
35
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="21" height="15.75" class="gem-c-subscription-links__icon" focusable="false" fill="currentColor" aria-hidden="true"><path d="M19.687 0H1.312C.589 0 0 .587 0 1.313v13.124c0 .726.588 1.313 1.313 1.313h18.374c.725 0 1.313-.587 1.313-1.313V1.313C21 .587 20.412 0 19.687 0zm-2.625 2.625L10.5 7.875l-6.563-5.25h13.126zm1.313 10.5H2.625V3.937L10.5 10.5l7.875-6.563v9.188z"/>
|
36
|
+
</svg><%= sl_helper.email_signup_link_text %>
|
37
37
|
<% end %>
|
38
38
|
<%= link_to email_link_text, sl_helper.email_signup_link, {
|
39
|
-
class: "govuk-link gem-c-subscription-links__item #{brand_helper.color_class} gem-c-subscription-links__item--link",
|
39
|
+
class: "govuk-link govuk-link--no-underline gem-c-subscription-links__item #{brand_helper.color_class} gem-c-subscription-links__item--link",
|
40
40
|
data: sl_helper.email_signup_link_data_attributes,
|
41
41
|
lang: email_signup_link_text_locale
|
42
42
|
} %>
|
@@ -46,17 +46,17 @@
|
|
46
46
|
<% if sl_helper.feed_link_box_value || sl_helper.feed_link %>
|
47
47
|
<li class="gem-c-subscription-links__list-item<%= ' gem-c-subscription-links__list-item--small' if local_assigns[:small_form] == true %>">
|
48
48
|
<% feed_link_text = capture do %>
|
49
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" class="gem-c-subscription-links__icon" focusable="false" fill="currentColor" aria-hidden="true"><path d="M1.996 11A2 2 0 0 0 0 12.993c0 1.101.895 1.99 1.996 1.99 1.106 0 2-.889 2-1.99a2 2 0 0 0-2-1.993zM.002 5.097V7.97c1.872 0 3.632.733 4.958 2.059A6.984 6.984 0 0 1 7.015 15h2.888c0-5.461-4.443-9.903-9.9-9.903zM.006 0v2.876c6.676 0 12.11 5.44 12.11 12.124H15C15 6.731 8.273 0 .006 0z"
|
50
|
-
|
49
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" class="gem-c-subscription-links__icon" focusable="false" fill="currentColor" aria-hidden="true"><path d="M1.996 11A2 2 0 0 0 0 12.993c0 1.101.895 1.99 1.996 1.99 1.106 0 2-.889 2-1.99a2 2 0 0 0-2-1.993zM.002 5.097V7.97c1.872 0 3.632.733 4.958 2.059A6.984 6.984 0 0 1 7.015 15h2.888c0-5.461-4.443-9.903-9.9-9.903zM.006 0v2.876c6.676 0 12.11 5.44 12.11 12.124H15C15 6.731 8.273 0 .006 0z"/>
|
50
|
+
</svg><%= sl_helper.feed_link_text %>
|
51
51
|
<% end %>
|
52
52
|
<%= tag.button feed_link_text, {
|
53
|
-
class: "govuk-link gem-c-subscription-links__item #{brand_helper.color_class} gem-c-subscription-links__item--button",
|
53
|
+
class: "govuk-link govuk-link--no-underline gem-c-subscription-links__item #{brand_helper.color_class} gem-c-subscription-links__item--button",
|
54
54
|
data: sl_helper.feed_link_data_attributes,
|
55
55
|
lang: feed_link_text_locale
|
56
56
|
} if sl_helper.feed_link_box_value %>
|
57
57
|
<%= link_to feed_link_text, sl_helper.feed_link,
|
58
58
|
{
|
59
|
-
class: "govuk-link gem-c-subscription-links__item #{brand_helper.color_class} gem-c-subscription-links__item--link",
|
59
|
+
class: "govuk-link govuk-link--no-underline gem-c-subscription-links__item #{brand_helper.color_class} gem-c-subscription-links__item--link",
|
60
60
|
data: sl_helper.feed_link_data_attributes,
|
61
61
|
lang: feed_link_text_locale
|
62
62
|
} unless sl_helper.feed_link_box_value %>
|
@@ -70,7 +70,7 @@
|
|
70
70
|
<div lang="en">
|
71
71
|
<%= render "govuk_publishing_components/components/input", {
|
72
72
|
label: {
|
73
|
-
text: "
|
73
|
+
text: t("components.subscription_links.feed_link_label"),
|
74
74
|
},
|
75
75
|
name: "feed-reader-box",
|
76
76
|
value: feed_link_box_value
|
@@ -13,7 +13,7 @@
|
|
13
13
|
module: "initial-focus",
|
14
14
|
} do %>
|
15
15
|
<div class="govuk-notification-banner__header">
|
16
|
-
<%= tag.h2 t("components.success_alert.success"
|
16
|
+
<%= tag.h2 t("components.success_alert.success"), class: "govuk-notification-banner__title", id: title_id %>
|
17
17
|
</div>
|
18
18
|
<div class="govuk-notification-banner__content">
|
19
19
|
<% if description.present? %>
|
data/app/views/govuk_publishing_components/components/contextual_sidebar/_brexit_cta.html.erb
CHANGED
@@ -1,6 +1,11 @@
|
|
1
1
|
<% shared_helper = GovukPublishingComponents::Presenters::SharedHelper.new(local_assigns) %>
|
2
|
-
<%
|
3
|
-
<%
|
2
|
+
<% cta_helper = GovukPublishingComponents::Presenters::BrexitCtaHelper.new(content_item) %>
|
3
|
+
<%
|
4
|
+
title = t(cta_helper.title_key)
|
5
|
+
link_text = t(cta_helper.link_text_key)
|
6
|
+
link_path = t(cta_helper.link_path_key)
|
7
|
+
lang = shared_helper.t_locale(cta_helper.title_key)
|
8
|
+
%>
|
4
9
|
|
5
10
|
<% data_attributes = {
|
6
11
|
"module": "gem-track-click",
|
@@ -12,12 +17,12 @@
|
|
12
17
|
} %>
|
13
18
|
|
14
19
|
<%= tag.div class: "gem-c-contextual-sidebar__brexit-cta" do %>
|
15
|
-
<%= tag.h2
|
20
|
+
<%= tag.h2 title, class: "gem-c-contextual-sidebar__brexit-heading govuk-heading-s" %>
|
16
21
|
<%= tag.p class: "gem-c-contextual-sidebar__brexit-text govuk-body" do %>
|
17
22
|
<%= link_to link_text,
|
18
23
|
link_path,
|
19
24
|
class: "govuk-link",
|
20
25
|
data: data_attributes,
|
21
|
-
lang:
|
26
|
+
lang: lang %>
|
22
27
|
<% end %>
|
23
28
|
<% end %>
|
@@ -2,6 +2,8 @@ name: Government navigation
|
|
2
2
|
description: Navigation placed in the header by Slimmer and used by pages which sit
|
3
3
|
under the /government path. This is a markup only component and is not available
|
4
4
|
for preview here. It can be passed a string to mark a link as being active.
|
5
|
+
body: |
|
6
|
+
Please note: because the markup on this component is currently tied to styles that aren't present in the components gem, they will appear "broken". This is because they are intended to be used in the [header component](/component-guide/layout_header/with_left_search_and_navigation) as white links against a black background. You can see a styled example of this component in use on the ['Counter-Fraud Standards and Profession' page](https://www.gov.uk/government/groups/counter-fraud-standards-and-profession).
|
5
7
|
accessibility_criteria: |
|
6
8
|
The government navigation component must:
|
7
9
|
|
@@ -15,6 +15,6 @@ examples:
|
|
15
15
|
data:
|
16
16
|
block: |
|
17
17
|
<div>
|
18
|
-
<h2 id='heading'>To publish this step by step you need to</h2>
|
19
|
-
<a href='/foo'>Check for broken links</a>
|
18
|
+
<h2 class="govuk-heading-m" id='heading'>To publish this step by step you need to</h2>
|
19
|
+
<a class="govuk-link" href='/foo'>Check for broken links</a>
|
20
20
|
</div>
|
@@ -3,6 +3,8 @@ description: A wrapper to contain header content in white text
|
|
3
3
|
body: |
|
4
4
|
This component can be passed a block of template code and will wrap it in a blue header. This is as light-touch as possible and doesn't attempt to deal with the margins and paddings of its content. White text is enforced on content and would need to be overriden where unwanted. Implemented to accomodate topic and list page headings and breadcrumbs but unopinionated about its contents.
|
5
5
|
|
6
|
+
If passing links to the block make sure to add [the inverse modifier](https://design-system.service.gov.uk/styles/typography/#links-on-dark-backgrounds).
|
7
|
+
|
6
8
|
accessibility_criteria: |
|
7
9
|
The component must:
|
8
10
|
|
@@ -16,7 +18,7 @@ examples:
|
|
16
18
|
data:
|
17
19
|
block: |
|
18
20
|
<div class="gem-c-title gem-c-title--inverse">
|
19
|
-
<h1 class="gem-c-title__text ">
|
21
|
+
<h1 class="gem-c-title__text govuk-heading-l">
|
20
22
|
Education, Training and Skills
|
21
23
|
</h1>
|
22
24
|
</div>
|
@@ -26,7 +28,7 @@ examples:
|
|
26
28
|
full_width: true
|
27
29
|
block: |
|
28
30
|
<div class="gem-c-title gem-c-title--inverse">
|
29
|
-
<h1 class="gem-c-title__text ">
|
31
|
+
<h1 class="gem-c-title__text govuk-heading-l">
|
30
32
|
Education, Training and Skills
|
31
33
|
</h1>
|
32
34
|
</div>
|
@@ -35,8 +37,8 @@ examples:
|
|
35
37
|
data:
|
36
38
|
block: |
|
37
39
|
<div class="gem-c-title gem-c-title--inverse gem-c-title--bottom-margin">
|
38
|
-
<p class="gem-c-title__context">Notice</p>
|
39
|
-
<h1 class="gem-c-title__text">
|
40
|
+
<p class="gem-c-title__context govuk-caption-m">Notice</p>
|
41
|
+
<h1 class="gem-c-title__text govuk-heading-l">
|
40
42
|
LN5 0AT, Jackson Homes (Scopwick) Ltd: environmental permit application
|
41
43
|
</h1>
|
42
44
|
</div>
|
@@ -45,21 +47,22 @@ examples:
|
|
45
47
|
data:
|
46
48
|
padding_top: false
|
47
49
|
block: |
|
48
|
-
<div class="gem-c-breadcrumbs
|
49
|
-
<ol>
|
50
|
-
<li class="">
|
51
|
-
|
50
|
+
<div class="gem-c-breadcrumbs govuk-breadcrumbs govuk-breadcrumbs--collapse-on-mobile gem-c-breadcrumbs--inverse">
|
51
|
+
<ol class="govuk-breadcrumbs__list">
|
52
|
+
<li class="govuk-breadcrumbs__list-item">
|
53
|
+
<a href="/section" class="govuk-breadcrumbs__link">Section</a>
|
52
54
|
</li>
|
53
|
-
<li class="">
|
54
|
-
|
55
|
+
<li class="govuk-breadcrumbs__list-item">
|
56
|
+
<a href="/section/sub-section" class="govuk-breadcrumbs__link">Education of disadvantaged children</a>
|
55
57
|
</li>
|
56
58
|
</ol>
|
57
59
|
</div>
|
58
|
-
<div class="gem-c-title gem-c-title--inverse">
|
59
|
-
<h1 class="gem-c-title__text ">
|
60
|
-
Education, Training and Skills
|
61
|
-
</h1>
|
62
|
-
</div>
|
63
60
|
<p class="gem-c-lead-paragraph gem-c-lead-paragraph--inverse">
|
64
61
|
Schools and academies, further and higher education, apprenticeships and other skills training, student funding, early years.
|
65
62
|
</p>
|
63
|
+
with_link:
|
64
|
+
data:
|
65
|
+
block: |
|
66
|
+
<p class="gem-c-lead-paragraph gem-c-lead-paragraph--inverse">
|
67
|
+
Schools and academies, further and higher education, apprenticeships and <a href="#other-skills" class="govuk-link govuk-link--inverse">other skills</a> training, student funding, early years.
|
68
|
+
</p>
|
@@ -10,7 +10,7 @@
|
|
10
10
|
data-track-action="GOV.UK Close Form"
|
11
11
|
aria-controls="something-is-wrong"
|
12
12
|
aria-expanded="true">
|
13
|
-
<%= t("components.feedback.close"
|
13
|
+
<%= t("components.feedback.close") %>
|
14
14
|
</button>
|
15
15
|
|
16
16
|
<div class="govuk-grid-row">
|
@@ -19,12 +19,12 @@
|
|
19
19
|
|
20
20
|
<input type="hidden" name="url" value="<%= url_without_pii %>">
|
21
21
|
|
22
|
-
<h3 class="gem-c-feedback__form-heading"><%= t("components.feedback.help_us_improve_govuk"
|
23
|
-
<p id="feedback_explanation" class="gem-c-feedback__form-paragraph"><%= t("components.feedback.dont_include_personal_info"
|
22
|
+
<h3 class="gem-c-feedback__form-heading"><%= t("components.feedback.help_us_improve_govuk") %></h3>
|
23
|
+
<p id="feedback_explanation" class="gem-c-feedback__form-paragraph"><%= t("components.feedback.dont_include_personal_info") %></p>
|
24
24
|
|
25
25
|
<%= render "govuk_publishing_components/components/input", {
|
26
26
|
label: {
|
27
|
-
text: t("components.feedback.what_doing"
|
27
|
+
text: t("components.feedback.what_doing")
|
28
28
|
},
|
29
29
|
name: "what_doing",
|
30
30
|
describedby: "feedback_explanation"
|
@@ -32,13 +32,13 @@
|
|
32
32
|
|
33
33
|
<%= render "govuk_publishing_components/components/input", {
|
34
34
|
label: {
|
35
|
-
text: t("components.feedback.what_wrong"
|
35
|
+
text: t("components.feedback.what_wrong")
|
36
36
|
},
|
37
37
|
name: "what_wrong"
|
38
38
|
} %>
|
39
39
|
|
40
40
|
<%= render "govuk_publishing_components/components/button", {
|
41
|
-
text: t("components.feedback.send"
|
41
|
+
text: t("components.feedback.send")
|
42
42
|
} %>
|
43
43
|
</div>
|
44
44
|
</div>
|
@@ -10,7 +10,7 @@
|
|
10
10
|
data-track-action="ffFormClose"
|
11
11
|
aria-controls="page-is-not-useful"
|
12
12
|
aria-expanded="true">
|
13
|
-
<%= t("components.feedback.close"
|
13
|
+
<%= t("components.feedback.close") %>
|
14
14
|
</button>
|
15
15
|
|
16
16
|
<div class="govuk-grid-row">
|
@@ -20,12 +20,12 @@
|
|
20
20
|
<input name="email_survey_signup[survey_id]" type="hidden" value="footer_satisfaction_survey">
|
21
21
|
<input name="email_survey_signup[survey_source]" type="hidden" value="<%= path_without_pii %>">
|
22
22
|
|
23
|
-
<h3 class="gem-c-feedback__form-heading"><%= t("components.feedback.help_us_improve_govuk"
|
24
|
-
<p id="survey_explanation" class="gem-c-feedback__form-paragraph"><%= t("components.feedback.more_about_visit"
|
23
|
+
<h3 class="gem-c-feedback__form-heading"><%= t("components.feedback.help_us_improve_govuk") %></h3>
|
24
|
+
<p id="survey_explanation" class="gem-c-feedback__form-paragraph"><%= t("components.feedback.more_about_visit") %></p>
|
25
25
|
|
26
26
|
<%= render "govuk_publishing_components/components/input", {
|
27
27
|
label: {
|
28
|
-
text: t("components.feedback.email_address"
|
28
|
+
text: t("components.feedback.email_address")
|
29
29
|
},
|
30
30
|
name: "email_survey_signup[email_address]",
|
31
31
|
type: "email",
|
@@ -34,7 +34,7 @@
|
|
34
34
|
} %>
|
35
35
|
|
36
36
|
<%= render "govuk_publishing_components/components/button", {
|
37
|
-
text: t("components.feedback.send_me_survey"
|
37
|
+
text: t("components.feedback.send_me_survey"),
|
38
38
|
} %>
|
39
39
|
</div>
|
40
40
|
</div>
|
@@ -4,31 +4,31 @@
|
|
4
4
|
|
5
5
|
<div class="gem-c-feedback__prompt gem-c-feedback__js-show js-prompt" tabindex="-1">
|
6
6
|
<div class="gem-c-feedback__prompt-questions js-prompt-questions">
|
7
|
-
<h2 class="gem-c-feedback__prompt-question"><%= t("components.feedback.is_this_page_useful"
|
7
|
+
<h2 class="gem-c-feedback__prompt-question"><%= t("components.feedback.is_this_page_useful") %></h2>
|
8
8
|
<!-- Maybe button exists only to try and capture clicks by bots -->
|
9
9
|
<button data-track-category="yesNoFeedbackForm" data-track-action="ffMaybeClick" aria-expanded="false" style="display: none" hidden="hidden" aria-hidden="true">
|
10
|
-
<%= t("components.feedback.maybe"
|
10
|
+
<%= t("components.feedback.maybe") %>
|
11
11
|
</button>
|
12
12
|
|
13
13
|
<ul class="gem-c-feedback__option-list">
|
14
14
|
<li class="gem-c-feedback__option-list-item">
|
15
15
|
<button class="govuk-button gem-c-feedback__prompt-link js-page-is-useful" data-track-category="yesNoFeedbackForm" data-track-action="ffYesClick">
|
16
|
-
<%= t("components.feedback.yes"
|
16
|
+
<%= t("components.feedback.yes") %> <span class="govuk-visually-hidden"><%= t("components.feedback.is_useful") %></span>
|
17
17
|
</button>
|
18
18
|
</li>
|
19
19
|
<li class="gem-c-feedback__option-list-item">
|
20
20
|
<button class="govuk-button gem-c-feedback__prompt-link js-toggle-form js-page-is-not-useful" data-track-category="yesNoFeedbackForm" data-track-action="ffNoClick" aria-controls="page-is-not-useful" aria-expanded="false">
|
21
|
-
<%= t("components.feedback.no"
|
21
|
+
<%= t("components.feedback.no") %> <span class="govuk-visually-hidden"><%= t("components.feedback.is_not_useful") %></span>
|
22
22
|
</button>
|
23
23
|
</li>
|
24
24
|
</ul>
|
25
25
|
</div>
|
26
26
|
<div class="gem-c-feedback__prompt-questions gem-c-feedback__prompt-success js-prompt-success js-hidden" role="alert">
|
27
|
-
<%= t("components.feedback.thank_you_for_feedback"
|
27
|
+
<%= t("components.feedback.thank_you_for_feedback") %>
|
28
28
|
</div>
|
29
29
|
<div class="gem-c-feedback__prompt-questions gem-c-feedback__prompt-questions--something-is-wrong js-prompt-questions">
|
30
30
|
<button class="govuk-button gem-c-feedback__prompt-link js-toggle-form js-something-is-wrong" data-track-category="Onsite Feedback" data-track-action="GOV-UK Open Form" aria-controls="something-is-wrong" aria-expanded="false">
|
31
|
-
<%= t("components.feedback.something_wrong"
|
31
|
+
<%= t("components.feedback.something_wrong") %>
|
32
32
|
</button>
|
33
33
|
</div>
|
34
34
|
</div>
|
@@ -1,11 +1,11 @@
|
|
1
1
|
<div class="govuk-header__logo gem-c-header__logo">
|
2
|
-
<a href="
|
2
|
+
<a href="<%= logo_link %>" class="govuk-header__link govuk-header__link--homepage" data-module="gem-track-click" data-track-category="homeLinkClicked" data-track-action="homeHeader">
|
3
3
|
<span class="govuk-header__logotype">
|
4
|
-
<svg aria-hidden="true" focusable="false" class="govuk-header__logotype-crown" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 132 97" height="32" width="36">
|
4
|
+
<svg aria-hidden="true" focusable="false" class="gem-c-header__logotype-crown govuk-header__logotype-crown" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 132 97" height="32" width="36">
|
5
5
|
<path fill="currentColor" fill-rule="evenodd"
|
6
6
|
d="M25 30.2c3.5 1.5 7.7-.2 9.1-3.7 1.5-3.6-.2-7.8-3.9-9.2-3.6-1.4-7.6.3-9.1 3.9-1.4 3.5.3 7.5 3.9 9zM9 39.5c3.6 1.5 7.8-.2 9.2-3.7 1.5-3.6-.2-7.8-3.9-9.1-3.6-1.5-7.6.2-9.1 3.8-1.4 3.5.3 7.5 3.8 9zM4.4 57.2c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.5-1.5-7.6.3-9.1 3.8-1.4 3.5.3 7.6 3.9 9.1zm38.3-21.4c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.6-1.5-7.6.3-9.1 3.8-1.3 3.6.4 7.7 3.9 9.1zm64.4-5.6c-3.6 1.5-7.8-.2-9.1-3.7-1.5-3.6.2-7.8 3.8-9.2 3.6-1.4 7.7.3 9.2 3.9 1.3 3.5-.4 7.5-3.9 9zm15.9 9.3c-3.6 1.5-7.7-.2-9.1-3.7-1.5-3.6.2-7.8 3.7-9.1 3.6-1.5 7.7.2 9.2 3.8 1.5 3.5-.3 7.5-3.8 9zm4.7 17.7c-3.6 1.5-7.8-.2-9.2-3.8-1.5-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.3 3.5-.4 7.6-3.9 9.1zM89.3 35.8c-3.6 1.5-7.8-.2-9.2-3.8-1.4-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.4 3.6-.3 7.7-3.9 9.1zM69.7 17.7l8.9 4.7V9.3l-8.9 2.8c-.2-.3-.5-.6-.9-.9L72.4 0H59.6l3.5 11.2c-.3.3-.6.5-.9.9l-8.8-2.8v13.1l8.8-4.7c.3.3.6.7.9.9l-5 15.4v.1c-.2.8-.4 1.6-.4 2.4 0 4.1 3.1 7.5 7 8.1h.2c.3 0 .7.1 1 .1.4 0 .7 0 1-.1h.2c4-.6 7.1-4.1 7.1-8.1 0-.8-.1-1.7-.4-2.4V34l-5.1-15.4c.4-.2.7-.6 1-.9zM66 92.8c16.9 0 32.8 1.1 47.1 3.2 4-16.9 8.9-26.7 14-33.5l-9.6-3.4c1 4.9 1.1 7.2 0 10.2-1.5-1.4-3-4.3-4.2-8.7L108.6 76c2.8-2 5-3.2 7.5-3.3-4.4 9.4-10 11.9-13.6 11.2-4.3-.8-6.3-4.6-5.6-7.9 1-4.7 5.7-5.9 8-.5 4.3-8.7-3-11.4-7.6-8.8 7.1-7.2 7.9-13.5 2.1-21.1-8 6.1-8.1 12.3-4.5 20.8-4.7-5.4-12.1-2.5-9.5 6.2 3.4-5.2 7.9-2 7.2 3.1-.6 4.3-6.4 7.8-13.5 7.2-10.3-.9-10.9-8-11.2-13.8 2.5-.5 7.1 1.8 11 7.3L80.2 60c-4.1 4.4-8 5.3-12.3 5.4 1.4-4.4 8-11.6 8-11.6H55.5s6.4 7.2 7.9 11.6c-4.2-.1-8-1-12.3-5.4l1.4 16.4c3.9-5.5 8.5-7.7 10.9-7.3-.3 5.8-.9 12.8-11.1 13.8-7.2.6-12.9-2.9-13.5-7.2-.7-5 3.8-8.3 7.1-3.1 2.7-8.7-4.6-11.6-9.4-6.2 3.7-8.5 3.6-14.7-4.6-20.8-5.8 7.6-5 13.9 2.2 21.1-4.7-2.6-11.9.1-7.7 8.8 2.3-5.5 7.1-4.2 8.1.5.7 3.3-1.3 7.1-5.7 7.9-3.5.7-9-1.8-13.5-11.2 2.5.1 4.7 1.3 7.5 3.3l-4.7-15.4c-1.2 4.4-2.7 7.2-4.3 8.7-1.1-3-.9-5.3 0-10.2l-9.5 3.4c5 6.9 9.9 16.7 14 33.5 14.8-2.1 30.8-3.2 47.7-3.2z"></path>
|
7
7
|
<%# Deliberate use of image tag as a fallback method https://lynn.ru/examples/svg/en.html %>
|
8
|
-
<image src="<%= asset_path('govuk-logotype-crown.png') %>" class="govuk-header__logotype-crown-fallback-image"></image>
|
8
|
+
<image src="<%= asset_path('govuk-logotype-crown.png') %>" xlink:href="" display="none" class="govuk-header__logotype-crown-fallback-image" width="36" height="32"></image>
|
9
9
|
</svg>
|
10
10
|
<span class="govuk-header__logotype-text">
|
11
11
|
GOV.UK
|
@@ -13,8 +13,8 @@
|
|
13
13
|
class="gem-c-metadata__definition-link govuk-!-display-none-print"
|
14
14
|
data-controls="toggle-<%= toggle_id %>"
|
15
15
|
data-expanded="false"
|
16
|
-
data-toggled-text="<%= t("components.metadata.toggle_less"
|
17
|
-
<%= t("components.metadata.toggle_more", number: remaining.length
|
16
|
+
data-toggled-text="<%= t("components.metadata.toggle_less") %>">
|
17
|
+
<%= t("components.metadata.toggle_more", number: remaining.length) %>
|
18
18
|
</a>
|
19
19
|
</div>
|
20
20
|
<span id="toggle-<%= toggle_id %>" class="gem-c-metadata__toggle-items js-hidden"><%= remaining.to_sentence.html_safe %></span>
|
@@ -54,7 +54,7 @@
|
|
54
54
|
class="gem-c-related-navigation__toggle"
|
55
55
|
data-controls="toggle_<%= section_title %>"
|
56
56
|
data-expanded="false"
|
57
|
-
data-toggled-text="<%= t("components.metadata.toggle_less"
|
57
|
+
data-toggled-text="<%= t("components.metadata.toggle_less") %>">
|
58
58
|
<%= t("components.metadata.toggle_more",
|
59
59
|
number: related_nav_helper.remaining_link_count(links),
|
60
60
|
default: "+ #{related_nav_helper.remaining_link_count(links)} more") %>
|