govuk_publishing_components 61.0.0 → 61.0.2
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/_heading.scss +5 -3
- data/app/assets/stylesheets/govuk_publishing_components/components/_layout-super-navigation-header.scss +1 -1
- data/app/assets/stylesheets/govuk_publishing_components/components/_single-page-notification-button.scss +1 -0
- data/app/assets/stylesheets/govuk_publishing_components/components/_summary-banner.scss +1 -1
- data/app/assets/stylesheets/govuk_publishing_components/govuk_frontend_support.scss +5 -8
- data/app/views/govuk_publishing_components/components/_service_navigation.html.erb +8 -3
- data/app/views/govuk_publishing_components/components/_single_page_notification_button.html.erb +1 -1
- data/app/views/govuk_publishing_components/components/_summary_banner.html.erb +1 -1
- data/app/views/govuk_publishing_components/components/docs/service_navigation.yml +29 -0
- data/lib/govuk_publishing_components/version.rb +1 -1
- metadata +1 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 2550a5fdfa1c9f33469eea830d88ca6702cc10ab9e1cc75ca721d8c4d073f3e6
|
|
4
|
+
data.tar.gz: bbb8d75190a747fdd19fe5ed2857e7d11c896a4189dedde87ad65016ca4b4795
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 3105c73f3b41f4a506cca864ade2f970cb6ae4b3d03728f8194e38f98a808cd4dd369fe61447b3d6c8cc668b229c96c7240be72109cbaf509bf2fa4bc8a29378
|
|
7
|
+
data.tar.gz: 9365ffb6749b04927713fb96c1804797e9cd27d4a4c1508fa553a1a4e55269e1e38ad55642f43fcd46d657c95e8b044e4c55561a7d2e933a49dbf21658ad5fc1
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
@import "govuk_publishing_components/individual_component_support";
|
|
2
2
|
|
|
3
|
-
.gem-c-heading
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
.gem-c-heading {
|
|
4
|
+
// needs to be this specific to override govuk-heading
|
|
5
|
+
.gem-c-heading__text {
|
|
6
|
+
margin: 0;
|
|
7
|
+
}
|
|
6
8
|
}
|
|
7
9
|
|
|
8
10
|
.gem-c-heading--padding {
|
|
@@ -19,13 +19,10 @@ $gem-quiet-button-hover-colour: darken($gem-quiet-button-colour, 5%);
|
|
|
19
19
|
|
|
20
20
|
$gem-hover-dark-background: #dddcdb;
|
|
21
21
|
|
|
22
|
-
//
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
$govuk-blue-tint-95: #f4f8fb; // govuk-tint(govuk-colour("blue"), 95%)
|
|
28
|
-
$govuk-blue-tint-80: #d2e2f1; // govuk-tint(govuk-colour("blue"), 80%)
|
|
29
|
-
$govuk-blue-tint-50: #8eb8dc; // govuk-tint(govuk-colour("blue"), 50%)
|
|
22
|
+
// Brand refresh
|
|
23
|
+
|
|
24
|
+
$govuk-blue-tint-95: govuk-tint($govuk-brand-colour, 95%);
|
|
25
|
+
$govuk-blue-tint-80: govuk-tint(govuk-colour("blue"), 80%);
|
|
26
|
+
$govuk-blue-tint-50: govuk-tint(govuk-colour("blue"), 50%);
|
|
30
27
|
|
|
31
28
|
$govuk-rebrand-template-background-colour: $govuk-blue-tint-95;
|
|
@@ -5,9 +5,12 @@
|
|
|
5
5
|
service_name_url ||= nil
|
|
6
6
|
navigation_items ||= []
|
|
7
7
|
navigation_aria_label ||= t("components.layout_header.menu")
|
|
8
|
+
inverse ||= false
|
|
9
|
+
collapse_navigation_on_mobile = local_assigns.fetch(:collapse_navigation_on_mobile, navigation_items.length > 1)
|
|
8
10
|
|
|
9
11
|
component_helper = GovukPublishingComponents::Presenters::ComponentWrapperHelper.new(local_assigns)
|
|
10
12
|
component_helper.add_class("gem-c-service-navigation govuk-service-navigation")
|
|
13
|
+
component_helper.add_class("govuk-service-navigation--inverse") if inverse
|
|
11
14
|
component_helper.add_aria_attribute({ label: "Service information" }) if service_name.present?
|
|
12
15
|
component_helper.add_data_attribute({ module: "govuk-service-navigation" })
|
|
13
16
|
|
|
@@ -29,9 +32,11 @@
|
|
|
29
32
|
|
|
30
33
|
<% if navigation_items.present? %>
|
|
31
34
|
<nav aria-label="<%= navigation_aria_label %>" class="govuk-service-navigation__wrapper">
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
+
<% if collapse_navigation_on_mobile %>
|
|
36
|
+
<button type="button" class="govuk-service-navigation__toggle govuk-js-service-navigation-toggle" aria-controls="navigation" hidden>
|
|
37
|
+
Menu
|
|
38
|
+
</button>
|
|
39
|
+
<% end %>
|
|
35
40
|
<ul class="govuk-service-navigation__list" id="navigation">
|
|
36
41
|
<% navigation_items.each do |nav| %>
|
|
37
42
|
<%
|
data/app/views/govuk_publishing_components/components/_single_page_notification_button.html.erb
CHANGED
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
<input type="hidden" name="link" value="<%= spnb_helper.base_path %>">
|
|
32
32
|
<% end %>
|
|
33
33
|
<%= content_tag(:button, button_text, {
|
|
34
|
-
class: "
|
|
34
|
+
class: "gem-c-single-page-notification-button__submit",
|
|
35
35
|
type: "submit",
|
|
36
36
|
data: {
|
|
37
37
|
ga4_link: ga4_link_data_attributes,
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
%>
|
|
18
18
|
<% if title.present? && text.present? %>
|
|
19
19
|
<%= tag.section(**component_helper.all_attributes) do %>
|
|
20
|
-
<h2 class="gem-c-summary-banner__title
|
|
20
|
+
<h2 class="gem-c-summary-banner__title" id="<%= title_id %>"><%= title %></h2>
|
|
21
21
|
<p class="gem-c-summary-banner__text">
|
|
22
22
|
<%= text %>
|
|
23
23
|
</p>
|
|
@@ -74,3 +74,32 @@ examples:
|
|
|
74
74
|
- text: Navigation item 2
|
|
75
75
|
href: "#"
|
|
76
76
|
full_width: true
|
|
77
|
+
inverse:
|
|
78
|
+
data:
|
|
79
|
+
navigation_items:
|
|
80
|
+
- text: Navigation item 1
|
|
81
|
+
href: "#"
|
|
82
|
+
active: true
|
|
83
|
+
- text: Navigation item 2
|
|
84
|
+
href: "#"
|
|
85
|
+
inverse: true
|
|
86
|
+
with_navigation_links_and_collapse_navigation_on_mobile_set_to_false:
|
|
87
|
+
data:
|
|
88
|
+
navigation_items:
|
|
89
|
+
- text: Navigation item 1
|
|
90
|
+
href: "#"
|
|
91
|
+
active: true
|
|
92
|
+
- text: Navigation item 2
|
|
93
|
+
href: "#"
|
|
94
|
+
collapse_navigation_on_mobile: false
|
|
95
|
+
with_a_single_navigation_item:
|
|
96
|
+
data:
|
|
97
|
+
navigation_items:
|
|
98
|
+
- text: Navigation item 1
|
|
99
|
+
href: "#"
|
|
100
|
+
with_a_single_navigation_item_and_collapse_navigation_on_mobile:
|
|
101
|
+
data:
|
|
102
|
+
navigation_items:
|
|
103
|
+
- text: Navigation item 1
|
|
104
|
+
href: "#"
|
|
105
|
+
collapse_navigation_on_mobile: true
|