govuk_publishing_components 21.64.0 → 21.65.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/images/govuk_publishing_components/action-link-arrow--transparent.svg +1 -0
- data/app/assets/stylesheets/govuk_publishing_components/components/_action-link.scss +8 -2
- data/app/views/govuk_publishing_components/components/_action_link.html.erb +2 -0
- data/app/views/govuk_publishing_components/components/_step_by_step_nav_header.html.erb +2 -2
- data/app/views/govuk_publishing_components/components/docs/action_link.yml +8 -0
- data/app/views/govuk_publishing_components/components/docs/step_by_step_nav_header.yml +3 -1
- data/lib/govuk_publishing_components/version.rb +1 -1
- metadata +3 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: c223c076bcecd87fb23721eba8271d89a681ad4a67a11103d14330a3fefd17ac
|
|
4
|
+
data.tar.gz: 69114b477b5b22856acf4378b875bcdb69ba05b4d127eb4c9b5d0dc465f00993
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 616fd5f93cdc4229bc187915bd2021a0ab9b6637aaed0532c0880b7ef12a76ad9f0264e274ca69635c07f84ec121497a3e32157373836f595a8b9159f57087af
|
|
7
|
+
data.tar.gz: 6ee53e65daf9887db6f6acc92bc0d53d6394fd8a9fa6994e51baf0581700679ed7897d32a68d151176b0a0ccedc7f64d37826448cacf69240d92cfe6894884a8
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg width="39" height="39" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.01 6.818l-2.828 2.828 7.853 7.854-22 .066L0 21.5h22.035l-7.853 7.854 2.828 2.828L29.69 19.5zM39 19.5C39 30.27 30.27 39 19.5 39 9.373 39 1.05 31.28.092 21.405A19.737 19.737 0 010 19.5C0 8.73 8.73 0 19.5 0S39 8.73 39 19.5z" fill="#fff500"/></svg>
|
|
@@ -4,13 +4,13 @@
|
|
|
4
4
|
&:before {
|
|
5
5
|
content: "";
|
|
6
6
|
display: table-cell;
|
|
7
|
-
width:
|
|
7
|
+
width: 60px;
|
|
8
8
|
height: 45px;
|
|
9
9
|
background: image-url("govuk_publishing_components/action-link-arrow.png");
|
|
10
10
|
background: image-url("govuk_publishing_components/action-link-arrow.svg"), linear-gradient(transparent, transparent);
|
|
11
11
|
background-repeat: no-repeat;
|
|
12
12
|
background-position: 0 50%;
|
|
13
|
-
background-size:
|
|
13
|
+
background-size: 45px auto;
|
|
14
14
|
}
|
|
15
15
|
|
|
16
16
|
@include govuk-media-query($until: tablet) {
|
|
@@ -141,6 +141,12 @@
|
|
|
141
141
|
}
|
|
142
142
|
}
|
|
143
143
|
|
|
144
|
+
.gem-c-action-link--transparent-icon {
|
|
145
|
+
&:before {
|
|
146
|
+
background-image: image-url("govuk_publishing_components/action-link-arrow--transparent.svg");
|
|
147
|
+
}
|
|
148
|
+
}
|
|
149
|
+
|
|
144
150
|
.gem-c-action-link--nhs {
|
|
145
151
|
&:before {
|
|
146
152
|
width: 80px;
|
|
@@ -13,6 +13,7 @@
|
|
|
13
13
|
dark_icon ||= false
|
|
14
14
|
small_icon ||= false
|
|
15
15
|
nhs_icon ||= false
|
|
16
|
+
transparent_icon ||= false
|
|
16
17
|
data ||= nil
|
|
17
18
|
classes ||= nil
|
|
18
19
|
|
|
@@ -20,6 +21,7 @@
|
|
|
20
21
|
css_classes << "gem-c-action-link--light-text" if light_text
|
|
21
22
|
css_classes << "gem-c-action-link--dark-icon" if dark_icon
|
|
22
23
|
css_classes << "gem-c-action-link--small-icon" if small_icon
|
|
24
|
+
css_classes << "gem-c-action-link--transparent-icon" if transparent_icon
|
|
23
25
|
css_classes << "gem-c-action-link--nhs" if nhs_icon
|
|
24
26
|
css_classes << "gem-c-action-link--simple" if simple
|
|
25
27
|
css_classes << "gem-c-action-link--with-subtext" if subtext
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
<%= raw JSON.pretty_generate(breadcrumb_presenter.structured_data) %>
|
|
29
29
|
</script>
|
|
30
30
|
|
|
31
|
-
<
|
|
31
|
+
<h2 class="<%= classes %>" data-module="track-click">
|
|
32
32
|
<span class="gem-c-step-nav-header__part-of">Part of</span>
|
|
33
33
|
<% if path %>
|
|
34
34
|
<a href="<%= path %>"
|
|
@@ -51,5 +51,5 @@
|
|
|
51
51
|
<%= title %>
|
|
52
52
|
</span>
|
|
53
53
|
<% end %>
|
|
54
|
-
</
|
|
54
|
+
</h2>
|
|
55
55
|
<% end %>
|
|
@@ -36,6 +36,14 @@ examples:
|
|
|
36
36
|
light_text: true
|
|
37
37
|
context:
|
|
38
38
|
dark_background: true
|
|
39
|
+
with_transparent_svg:
|
|
40
|
+
data:
|
|
41
|
+
text: Find out what you need to do
|
|
42
|
+
href: "/page"
|
|
43
|
+
light_text: true
|
|
44
|
+
transparent_icon: true
|
|
45
|
+
context:
|
|
46
|
+
dark_background: true
|
|
39
47
|
with_subtext:
|
|
40
48
|
data:
|
|
41
49
|
text: Emergency something
|
|
@@ -3,7 +3,9 @@ description: Shows that a content page is part of a step by step navigation
|
|
|
3
3
|
body: |
|
|
4
4
|
The component indicates to the user that the current page is part of a [step by step navigation](/component-guide/step_by_step_nav), and can provide a link to it.
|
|
5
5
|
accessibility_criteria: |
|
|
6
|
-
The component is designed to go into the top of an existing content page
|
|
6
|
+
The component is designed to go into the top of an existing content page. This component looks like a heading so uses a heading level 2 element.
|
|
7
|
+
|
|
8
|
+
An earlier version of the component did not use a heading element – this failed WCAG 2.1 Success Criterion 1.3.1 ("Information, structure, and relationships conveyed through presentation can be programmatically determined or are available in text.")
|
|
7
9
|
|
|
8
10
|
An early version of the component contained a hidden skip link for keyboard and screen reader users, that jumped to the step by step navigation component in the sidebar (similiar to the 'skip to content' link at the top of all GOV.UK pages). User testing suggested that rather than helping users it confused them, so this has been removed.
|
|
9
11
|
shared_accessibility_criteria:
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: govuk_publishing_components
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 21.
|
|
4
|
+
version: 21.65.0
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- GOV.UK Dev
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2020-09-
|
|
11
|
+
date: 2020-09-08 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: govuk_app_config
|
|
@@ -320,6 +320,7 @@ files:
|
|
|
320
320
|
- app/assets/images/govuk_publishing_components/action-link-arrow--dark.svg
|
|
321
321
|
- app/assets/images/govuk_publishing_components/action-link-arrow--simple.png
|
|
322
322
|
- app/assets/images/govuk_publishing_components/action-link-arrow--simple.svg
|
|
323
|
+
- app/assets/images/govuk_publishing_components/action-link-arrow--transparent.svg
|
|
323
324
|
- app/assets/images/govuk_publishing_components/action-link-arrow.png
|
|
324
325
|
- app/assets/images/govuk_publishing_components/action-link-arrow.svg
|
|
325
326
|
- app/assets/images/govuk_publishing_components/chevron-banner/chevron-banner-small-focus.svg
|