govuk_publishing_components 61.4.0 → 62.0.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/stylesheets/govuk_publishing_components/components/_inverse-header.scss +14 -2
- data/app/views/govuk_publishing_components/components/_inverse_header.html.erb +1 -0
- data/app/views/govuk_publishing_components/components/docs/inverse_header.yml +19 -19
- data/lib/govuk_publishing_components/presenters/component_wrapper_helper.rb +1 -1
- 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: 0c8da1f43ba0d018e6a7578e500c7b8c413f5e6374616962a8b4f0409c4813dc
|
|
4
|
+
data.tar.gz: be66202a83920b0c1b73287a138feaf04944812b3a5a9a7ed9377b5739d739b1
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 492e5332b0615d82b43f834a2faf7a713d7531db35aaab326893568215a11334cae6ca93e810ae35a353b51a2053d82960f5806f3f9170fba76afcc2e2e303cd
|
|
7
|
+
data.tar.gz: 686930de1300550b6f0a04d46c7fb63c25a3b319f86eb9479165639b38a0b4d232a0d159cb4e2e92137abd300aca023a768d27e3e5c7e7d51e86d215c26e9150
|
|
@@ -2,8 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
.gem-c-inverse-header {
|
|
4
4
|
width: 100%;
|
|
5
|
-
background-color: govuk-
|
|
6
|
-
color: govuk-colour("white");
|
|
5
|
+
background-color: $govuk-blue-tint-80;
|
|
7
6
|
margin-bottom: govuk-spacing(6);
|
|
8
7
|
padding: govuk-spacing(3) govuk-spacing(6) govuk-spacing(6) govuk-spacing(6);
|
|
9
8
|
box-sizing: border-box;
|
|
@@ -15,12 +14,25 @@
|
|
|
15
14
|
@include govuk-font($size: 16, $line-height: 1.5);
|
|
16
15
|
}
|
|
17
16
|
|
|
17
|
+
.gem-c-inverse-header__link {
|
|
18
|
+
&:link,
|
|
19
|
+
&:visited,
|
|
20
|
+
&:active {
|
|
21
|
+
color: govuk-colour("black");
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
|
|
18
25
|
.gem-c-inverse-header--full-width {
|
|
19
26
|
padding-left: 0;
|
|
20
27
|
padding-right: 0;
|
|
21
28
|
padding-bottom: govuk-spacing(3);
|
|
22
29
|
}
|
|
23
30
|
|
|
31
|
+
.gem-c-inverse-header--html-publication-header {
|
|
32
|
+
background-color: govuk-colour("blue");
|
|
33
|
+
color: govuk-colour("white");
|
|
34
|
+
}
|
|
35
|
+
|
|
24
36
|
@include govuk-media-query($media-type: print) {
|
|
25
37
|
.gem-c-inverse-header {
|
|
26
38
|
background: none;
|
|
@@ -8,6 +8,7 @@
|
|
|
8
8
|
component_helper = GovukPublishingComponents::Presenters::ComponentWrapperHelper.new(local_assigns)
|
|
9
9
|
component_helper.add_class("gem-c-inverse-header")
|
|
10
10
|
component_helper.add_class("gem-c-inverse-header--full-width") if local_assigns[:full_width]
|
|
11
|
+
component_helper.add_class("gem-c-inverse-header--html-publication-header") if local_assigns[:html_publication_header]
|
|
11
12
|
component_helper.add_class("govuk-!-padding-top-#{padding_top}") if [*0..9].include?(padding_top)
|
|
12
13
|
component_helper.add_class("govuk-!-padding-bottom-#{padding_bottom}") if [*0..9].include?(padding_bottom)
|
|
13
14
|
%>
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
name: Inverse header
|
|
2
|
-
description: A wrapper to contain header content
|
|
2
|
+
description: A wrapper to contain header content
|
|
3
3
|
body: |
|
|
4
|
-
This component can be passed a block of template code and will wrap it in a blue header.
|
|
4
|
+
This component can be passed a block of template code and will wrap it in a light blue header. Implemented to accommodate topic and list page headings 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/links/#links-on-dark-backgrounds).
|
|
6
|
+
If passing links to the block make sure to add [the inverse link style](#with_paragraph_and_link), or in the case of the html publication header variant, [the inverse modifier](https://design-system.service.gov.uk/styles/links/#links-on-dark-backgrounds).
|
|
7
7
|
uses_component_wrapper_helper: true
|
|
8
8
|
accessibility_criteria: |
|
|
9
9
|
The component must:
|
|
@@ -17,7 +17,6 @@ examples:
|
|
|
17
17
|
<%= render "govuk_publishing_components/components/heading", {
|
|
18
18
|
text: "Education, Training and Skills",
|
|
19
19
|
font_size: "xl",
|
|
20
|
-
inverse: true,
|
|
21
20
|
padding: true,
|
|
22
21
|
} %>
|
|
23
22
|
<!-- end of example content -->
|
|
@@ -30,7 +29,6 @@ examples:
|
|
|
30
29
|
<!-- example content -->
|
|
31
30
|
<%= render "govuk_publishing_components/components/heading", {
|
|
32
31
|
text: "Education, Training and Skills",
|
|
33
|
-
inverse: true,
|
|
34
32
|
margin_bottom: 0
|
|
35
33
|
} %>
|
|
36
34
|
<!-- end of example content -->
|
|
@@ -43,38 +41,40 @@ examples:
|
|
|
43
41
|
<%= render "govuk_publishing_components/components/heading", {
|
|
44
42
|
text: "Education, Training and Skills",
|
|
45
43
|
font_size: "xl",
|
|
46
|
-
inverse: true,
|
|
47
44
|
padding: true,
|
|
48
45
|
} %>
|
|
49
46
|
<!-- end of example content -->
|
|
50
|
-
|
|
47
|
+
html_publication_header:
|
|
48
|
+
description: "The html publication header with a blue background is used on HTML publications and CSV previews. [See example of a HTML publication on GOV.UK here](https://www.gov.uk/government/publications/ln5-0at-jackson-homes-scopwick-ltd-environmental-permit-application-advertisement/ln5-0at-jackson-homes-scopwick-ltd-environmental-permit-application), and [an example of a CSV preview on GOV.UK here](https://www.gov.uk/csv-preview/6756eeb07ec19a3516f79a3d/Malpractice_in_VTQ_-_Example_CSV_File.csv)"
|
|
51
49
|
data:
|
|
52
|
-
|
|
50
|
+
html_publication_header: true
|
|
53
51
|
block: |
|
|
54
52
|
<!-- example content -->
|
|
55
53
|
<%= render "govuk_publishing_components/components/heading", {
|
|
56
|
-
text: "
|
|
54
|
+
text: "LN5 0AT, Jackson Homes (Scopwick) Ltd: environmental permit application",
|
|
57
55
|
inverse: true,
|
|
58
|
-
|
|
56
|
+
context: "Notice",
|
|
57
|
+
padding: true,
|
|
58
|
+
font_size: "xl"
|
|
59
59
|
} %>
|
|
60
|
+
<p class="publication-header__last-changed">Published 22 April 2016</p>
|
|
60
61
|
<!-- end of example content -->
|
|
61
|
-
|
|
62
|
-
description: "The
|
|
62
|
+
html_publication_header_with_subtext:
|
|
63
|
+
description: "The white subtext can be used with the html publication header variant. We don't currently support black subtext to be used with the default variant as it's not in use on GOV.UK. If you need this please add it as a variant to the component."
|
|
63
64
|
data:
|
|
65
|
+
subtext: This is some text
|
|
66
|
+
html_publication_header: true
|
|
64
67
|
block: |
|
|
65
68
|
<!-- example content -->
|
|
66
69
|
<%= render "govuk_publishing_components/components/heading", {
|
|
67
|
-
text: "
|
|
70
|
+
text: "Education, Training and Skills",
|
|
68
71
|
inverse: true,
|
|
69
|
-
|
|
70
|
-
padding: true,
|
|
71
|
-
font_size: "xl"
|
|
72
|
+
margin_bottom: 0
|
|
72
73
|
} %>
|
|
73
|
-
<p class="publication-header__last-changed">Published 22 April 2016</p>
|
|
74
74
|
<!-- end of example content -->
|
|
75
75
|
with_paragraph_and_link:
|
|
76
76
|
data:
|
|
77
77
|
block: |
|
|
78
|
-
<p class="gem-c-lead-paragraph
|
|
79
|
-
Schools and academies, further and higher education
|
|
78
|
+
<p class="gem-c-lead-paragraph">
|
|
79
|
+
Schools and academies, further and higher education apprenticeships and <a href="#other-skills" class="govuk-link gem-c-inverse-header__link">other skills</a> training, student funding, early years.
|
|
80
80
|
</p>
|
|
@@ -183,7 +183,7 @@ module GovukPublishingComponents
|
|
|
183
183
|
def check_lang_is_valid(lang)
|
|
184
184
|
return if lang.blank?
|
|
185
185
|
|
|
186
|
-
langs = %w[ab aa af ak sq am ar an hy as av ae ay az bm ba eu be bn bh bi bs br bg my ca ch ce ny zh zh-Hans zh-Hant zh-tw cv kw co cr hr cs da dv nl dz en eo et ee fo fj fi fr ff gl gd gv ka de el kl gn gu ht ha he hz hi ho hu is io ig id in ia ie iu ik ga it ja jv kl kn kr ks kk km ki rw rn ky kv kg ko ku kj lo la lv li ln lt lu lg lb gv mk mg ms ml mt mi mr mh mo mn na nv ng nd ne no nb nn ii oc oj cu or om os pi ps fa pl pt pa pa-pk qu rm ro ru se sm sg sa sr sh st tn sn ii sd si ss sk sl so nr es su sw ss sv tl ty tg ta tt te th bo ti to ts tr tk tw ug uk ur uz ve vi vo wa cy wo fy xh yi ji yo za zu]
|
|
186
|
+
langs = %w[ab aa af ak sq am ar an hy as av ae ay az bm ba eu be bn bh bi bs br bg my ca ch ce ny zh zh-Hans zh-Hant zh-hk zh-tw cv kw co cr hr cs da dv nl dz dr en eo et ee fo fj fi fr ff gl gd gv ka de el kl gn gu ht ha he hz hi ho hu is io ig id in ia ie iu ik ga it ja jv kl kn kr ks kk km ki rw rn ky kv kg ko ku kj lo la lv li ln lt lu lg lb gv mk mg ms ml mt mi mr mh mo mn na nv ng nd ne no nb nn ii oc oj cu or om os pi ps fa pl pt pa pa-pk qu rm ro ru se sm sg sa sr sh st tn sn ii sd si ss sk sl so nr es es-419 su sw ss sv tl ty tg ta tt te th bo ti to ts tr tk tw ug uk ur uz ve vi vo wa cy wo fy xh yi ji yo za zu]
|
|
187
187
|
unless langs.include? lang
|
|
188
188
|
raise(ArgumentError, "lang attribute (#{lang}) is not recognised")
|
|
189
189
|
end
|