dxw_govuk_frontend_rails 3.4.0 → 3.5.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/Gemfile.lock +3 -3
- data/dxw_govuk_frontend_rails.gemspec +1 -1
- data/lib/dxw_govuk_frontend_rails/version.rb +1 -1
- data/package-lock.json +3 -3
- data/package.json +1 -1
- data/vendor/assets/javascripts/govuk_frontend_rails.js +6 -4
- data/vendor/assets/stylesheets/components/button/_button.scss +4 -10
- data/vendor/assets/stylesheets/components/footer/_footer.scss +16 -41
- data/vendor/assets/stylesheets/components/header/_header.scss +7 -7
- data/vendor/assets/stylesheets/components/radios/_radios.scss +1 -1
- data/vendor/assets/stylesheets/components/skip-link/_skip-link.scss +6 -0
- data/vendor/assets/stylesheets/objects/_width-container.scss +10 -5
- metadata +5 -5
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: ae09a9588462372293e8a6feaa9815bd7317909f8fe984fedfc1fa4eb39d112c
|
4
|
+
data.tar.gz: de694312ec22a3117847497310c0d21f078172fe49ef1ff65442f41b87ed8e48
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 4663f2f1786ab540e0d329a96265946b66f45cad0fc220623db398975cebecd7cfc9c1a092d320a53c2c8fe2cc6e7969a1820e64826bda545d50eecc34c89458
|
7
|
+
data.tar.gz: d3024c1c0d1615e8c8f5f18d18eabeec53eec3b2ee0fc877bcde5403609f0b733a8dee3d067beeb9ee62638688b52116bc480d645d492b443eb9b17cf37b6a52
|
data/Gemfile.lock
CHANGED
@@ -1,12 +1,12 @@
|
|
1
1
|
PATH
|
2
2
|
remote: .
|
3
3
|
specs:
|
4
|
-
dxw_govuk_frontend_rails (3.
|
4
|
+
dxw_govuk_frontend_rails (3.5.0)
|
5
5
|
|
6
6
|
GEM
|
7
7
|
remote: https://rubygems.org/
|
8
8
|
specs:
|
9
|
-
rake (
|
9
|
+
rake (13.0.1)
|
10
10
|
|
11
11
|
PLATFORMS
|
12
12
|
ruby
|
@@ -14,7 +14,7 @@ PLATFORMS
|
|
14
14
|
DEPENDENCIES
|
15
15
|
bundler (~> 2.0)
|
16
16
|
dxw_govuk_frontend_rails!
|
17
|
-
rake (~>
|
17
|
+
rake (~> 13.0)
|
18
18
|
|
19
19
|
BUNDLED WITH
|
20
20
|
2.0.2
|
data/package-lock.json
CHANGED
@@ -5,9 +5,9 @@
|
|
5
5
|
"requires": true,
|
6
6
|
"dependencies": {
|
7
7
|
"govuk-frontend": {
|
8
|
-
"version": "3.
|
9
|
-
"resolved": "https://registry.npmjs.org/govuk-frontend/-/govuk-frontend-3.
|
10
|
-
"integrity": "sha512-
|
8
|
+
"version": "3.5.0",
|
9
|
+
"resolved": "https://registry.npmjs.org/govuk-frontend/-/govuk-frontend-3.5.0.tgz",
|
10
|
+
"integrity": "sha512-4tNKgcChO1bMNsrTz2UsK4fDMmU9R87UDxy/KhKIMbnhsuJLVuArDveYLkZuUsZ6B3eaCbl5gmI8i/Q/Mi680A=="
|
11
11
|
}
|
12
12
|
}
|
13
13
|
}
|
data/package.json
CHANGED
@@ -2036,12 +2036,13 @@ Radios.prototype.handleClick = function (event) {
|
|
2036
2036
|
|
2037
2037
|
(function (global) {
|
2038
2038
|
|
2039
|
-
//
|
2039
|
+
// There is no polyfill in polyfill-library (https://github.com/Financial-Times/polyfill-library/issues/338)
|
2040
|
+
// So we source this from https://github.com/Alhadis/Snippets/blob/e09b4dfb7ffc9e250bc28319051e39ead3e5f70a/js/polyfills/IE8-child-elements.js#L28-L33
|
2040
2041
|
Object.defineProperty(Element.prototype, "nextElementSibling", {
|
2041
2042
|
get: function(){
|
2042
2043
|
var el = this.nextSibling;
|
2043
2044
|
while (el && el.nodeType !== 1) { el = el.nextSibling; }
|
2044
|
-
return
|
2045
|
+
return el;
|
2045
2046
|
}
|
2046
2047
|
});
|
2047
2048
|
|
@@ -2059,12 +2060,13 @@ Radios.prototype.handleClick = function (event) {
|
|
2059
2060
|
if (detect) return
|
2060
2061
|
|
2061
2062
|
(function (global) {
|
2062
|
-
//
|
2063
|
+
// There is no polyfill in polyfill-library (https://github.com/Financial-Times/polyfill-library/issues/338)
|
2064
|
+
// So we source this from https://github.com/Alhadis/Snippets/blob/e09b4dfb7ffc9e250bc28319051e39ead3e5f70a/js/polyfills/IE8-child-elements.js#L35-L40
|
2063
2065
|
Object.defineProperty(Element.prototype, 'previousElementSibling', {
|
2064
2066
|
get: function(){
|
2065
2067
|
var el = this.previousSibling;
|
2066
2068
|
while (el && el.nodeType !== 1) { el = el.previousSibling; }
|
2067
|
-
return
|
2069
|
+
return el;
|
2068
2070
|
}
|
2069
2071
|
});
|
2070
2072
|
|
@@ -243,8 +243,6 @@
|
|
243
243
|
|
244
244
|
display: -webkit-inline-box;
|
245
245
|
|
246
|
-
display: -webkit-inline-flex;
|
247
|
-
|
248
246
|
display: -ms-inline-flexbox;
|
249
247
|
|
250
248
|
display: inline-flex;
|
@@ -252,8 +250,6 @@
|
|
252
250
|
|
253
251
|
-webkit-box-pack: center;
|
254
252
|
|
255
|
-
-webkit-justify-content: center;
|
256
|
-
|
257
253
|
-ms-flex-pack: center;
|
258
254
|
|
259
255
|
justify-content: center;
|
@@ -266,12 +262,10 @@
|
|
266
262
|
margin-left: govuk-spacing(2);
|
267
263
|
}
|
268
264
|
vertical-align: middle;
|
269
|
-
-
|
270
|
-
|
271
|
-
|
272
|
-
|
273
|
-
-ms-flex-item-align: center;
|
274
|
-
align-self: center;
|
265
|
+
-ms-flex-negative: 0;
|
266
|
+
flex-shrink: 0;
|
267
|
+
-ms-flex-item-align: center;
|
268
|
+
align-self: center;
|
275
269
|
}
|
276
270
|
|
277
271
|
@if $govuk-use-legacy-font {
|
@@ -77,19 +77,6 @@
|
|
77
77
|
}
|
78
78
|
}
|
79
79
|
|
80
|
-
// Internet Explorer 8 does not support `:not()` selectors, so don't conditionally show underlines.
|
81
|
-
@include govuk-not-ie8 {
|
82
|
-
.govuk-footer__inline-list .govuk-footer__link,
|
83
|
-
.govuk-footer__list .govuk-footer__link {
|
84
|
-
text-decoration: none;
|
85
|
-
|
86
|
-
&:hover:not(:focus),
|
87
|
-
&:active:not(:focus) {
|
88
|
-
text-decoration: underline;
|
89
|
-
}
|
90
|
-
}
|
91
|
-
}
|
92
|
-
|
93
80
|
.govuk-footer__section-break {
|
94
81
|
margin: 0; // Reset `<hr>` default margins
|
95
82
|
@include govuk-responsive-margin(8, "bottom");
|
@@ -99,20 +86,16 @@
|
|
99
86
|
|
100
87
|
.govuk-footer__meta {
|
101
88
|
display: -webkit-box;
|
102
|
-
display: -webkit-flex;
|
103
89
|
display: -ms-flexbox;
|
104
90
|
display: flex; // Support: Flexbox
|
105
91
|
margin-right: -$govuk-gutter-half;
|
106
92
|
margin-left: -$govuk-gutter-half;
|
107
|
-
-
|
108
|
-
|
109
|
-
flex-wrap: wrap; // Support: Flexbox
|
93
|
+
-ms-flex-wrap: wrap;
|
94
|
+
flex-wrap: wrap; // Support: Flexbox
|
110
95
|
-webkit-box-align: end;
|
111
|
-
-webkit-align-items: flex-end;
|
112
96
|
-ms-flex-align: end;
|
113
97
|
align-items: flex-end; // Support: Flexbox
|
114
98
|
-webkit-box-pack: center;
|
115
|
-
-webkit-justify-content: center;
|
116
99
|
-ms-flex-pack: center;
|
117
100
|
justify-content: center; // Support: Flexbox
|
118
101
|
}
|
@@ -125,20 +108,18 @@
|
|
125
108
|
|
126
109
|
.govuk-footer__meta-item--grow {
|
127
110
|
-webkit-box-flex: 1;
|
128
|
-
-webkit-flex: 1;
|
129
111
|
-ms-flex: 1;
|
130
112
|
flex: 1; // Support: Flexbox
|
131
|
-
@include
|
132
|
-
-
|
133
|
-
|
134
|
-
flex-basis: 320px; // Support: Flexbox
|
113
|
+
@include govuk-media-query ($until: tablet) {
|
114
|
+
-ms-flex-preferred-size: 320px;
|
115
|
+
flex-basis: 320px; // Support: Flexbox
|
135
116
|
}
|
136
117
|
}
|
137
118
|
|
138
119
|
.govuk-footer__licence-logo {
|
139
120
|
display: inline-block;
|
140
121
|
margin-right: govuk-spacing(2);
|
141
|
-
@include
|
122
|
+
@include govuk-media-query ($until: desktop) {
|
142
123
|
margin-bottom: govuk-spacing(3);
|
143
124
|
}
|
144
125
|
vertical-align: top;
|
@@ -183,7 +164,7 @@
|
|
183
164
|
.govuk-footer__heading {
|
184
165
|
@include govuk-responsive-margin(7, "bottom");
|
185
166
|
padding-bottom: govuk-spacing(4);
|
186
|
-
@include
|
167
|
+
@include govuk-media-query ($until: tablet) {
|
187
168
|
padding-bottom: govuk-spacing(2);
|
188
169
|
}
|
189
170
|
border-bottom: 1px solid $govuk-footer-border;
|
@@ -191,14 +172,12 @@
|
|
191
172
|
|
192
173
|
.govuk-footer__navigation {
|
193
174
|
display: -webkit-box;
|
194
|
-
display: -webkit-flex;
|
195
175
|
display: -ms-flexbox;
|
196
176
|
display: flex; // Support: Flexbox
|
197
177
|
margin-right: -$govuk-gutter-half;
|
198
178
|
margin-left: -$govuk-gutter-half;
|
199
|
-
-
|
200
|
-
|
201
|
-
flex-wrap: wrap; // Support: Flexbox
|
179
|
+
-ms-flex-wrap: wrap;
|
180
|
+
flex-wrap: wrap; // Support: Flexbox
|
202
181
|
}
|
203
182
|
|
204
183
|
.govuk-footer__section {
|
@@ -209,28 +188,24 @@
|
|
209
188
|
vertical-align: top;
|
210
189
|
// Ensure columns take up equal width (typically one-half:one-half)
|
211
190
|
-webkit-box-flex: 1;
|
212
|
-
-webkit-flex-grow: 1;
|
213
191
|
-ms-flex-positive: 1;
|
214
192
|
flex-grow: 1; // Support: Flexbox
|
215
|
-
-
|
216
|
-
|
217
|
-
|
218
|
-
@include mq ($until: desktop) {
|
193
|
+
-ms-flex-negative: 1;
|
194
|
+
flex-shrink: 1; // Support: Flexbox
|
195
|
+
@include govuk-media-query ($until: desktop) {
|
219
196
|
// Make sure columns do not drop below 200px in width
|
220
197
|
// Will typically result in wrapping, and end up in a single column on smaller screens.
|
221
|
-
-
|
222
|
-
|
223
|
-
flex-basis: 200px; // Support: Flexbox
|
198
|
+
-ms-flex-preferred-size: 200px;
|
199
|
+
flex-basis: 200px; // Support: Flexbox
|
224
200
|
}
|
225
201
|
}
|
226
202
|
|
227
203
|
// If there are only two sections, set the layout to be two-third:one-third on desktop
|
228
|
-
@include
|
204
|
+
@include govuk-media-query ($from: desktop) {
|
229
205
|
// We match the first section with `:first-child`.
|
230
206
|
// To ensure the section is one of two, we can count backwards using `:nth-last-child(2)`.
|
231
207
|
.govuk-footer__section:first-child:nth-last-child(2) {
|
232
208
|
-webkit-box-flex: 2;
|
233
|
-
-webkit-flex-grow: 2;
|
234
209
|
-ms-flex-positive: 2;
|
235
210
|
flex-grow: 2; // Support: Flexbox
|
236
211
|
}
|
@@ -245,7 +220,7 @@
|
|
245
220
|
column-gap: $govuk-gutter; // Support: Columns
|
246
221
|
}
|
247
222
|
|
248
|
-
@include
|
223
|
+
@include govuk-media-query ($from: desktop) {
|
249
224
|
.govuk-footer__list--columns-2 {
|
250
225
|
-webkit-column-count: 2;
|
251
226
|
-moz-column-count: 2;
|
@@ -138,7 +138,7 @@
|
|
138
138
|
@include govuk-responsive-margin(2, "bottom");
|
139
139
|
padding-right: govuk-spacing(8);
|
140
140
|
|
141
|
-
@include
|
141
|
+
@include govuk-media-query ($from: desktop) {
|
142
142
|
width: 33.33%;
|
143
143
|
padding-right: $govuk-gutter-half;
|
144
144
|
float: left;
|
@@ -147,7 +147,7 @@
|
|
147
147
|
}
|
148
148
|
|
149
149
|
.govuk-header__content {
|
150
|
-
@include
|
150
|
+
@include govuk-media-query ($from: desktop) {
|
151
151
|
width: 66.66%;
|
152
152
|
padding-left: $govuk-gutter-half;
|
153
153
|
float: left;
|
@@ -180,7 +180,7 @@
|
|
180
180
|
margin-left: govuk-spacing(1);
|
181
181
|
}
|
182
182
|
|
183
|
-
@include
|
183
|
+
@include govuk-media-query ($from: tablet) {
|
184
184
|
top: govuk-spacing(3);
|
185
185
|
}
|
186
186
|
}
|
@@ -202,14 +202,14 @@
|
|
202
202
|
.js-enabled {
|
203
203
|
.govuk-header__menu-button {
|
204
204
|
display: block;
|
205
|
-
@include
|
205
|
+
@include govuk-media-query ($from: desktop) {
|
206
206
|
display: none;
|
207
207
|
}
|
208
208
|
}
|
209
209
|
|
210
210
|
.govuk-header__navigation {
|
211
211
|
display: none;
|
212
|
-
@include
|
212
|
+
@include govuk-media-query ($from: desktop) {
|
213
213
|
display: block;
|
214
214
|
}
|
215
215
|
}
|
@@ -221,7 +221,7 @@
|
|
221
221
|
|
222
222
|
|
223
223
|
.govuk-header__navigation--end {
|
224
|
-
@include
|
224
|
+
@include govuk-media-query ($from: desktop) {
|
225
225
|
margin: 0;
|
226
226
|
padding: govuk-spacing(1) 0;
|
227
227
|
text-align: right;
|
@@ -236,7 +236,7 @@
|
|
236
236
|
padding: govuk-spacing(2) 0;
|
237
237
|
border-bottom: 1px solid $govuk-header-nav-item-border-color;
|
238
238
|
|
239
|
-
@include
|
239
|
+
@include govuk-media-query ($from: desktop) {
|
240
240
|
display: inline-block;
|
241
241
|
margin-right: govuk-spacing(3);
|
242
242
|
padding: govuk-spacing(1) 0;
|
@@ -26,6 +26,12 @@
|
|
26
26
|
&:focus {
|
27
27
|
outline: $govuk-focus-width solid $govuk-focus-colour;
|
28
28
|
background-color: $govuk-focus-colour;
|
29
|
+
|
30
|
+
// Undo unwanted changes when global styles are enabled
|
31
|
+
@if ($govuk-global-styles) {
|
32
|
+
box-shadow: none;
|
33
|
+
text-decoration: underline;
|
34
|
+
}
|
29
35
|
}
|
30
36
|
}
|
31
37
|
}
|
@@ -25,7 +25,8 @@
|
|
25
25
|
max-width: $width;
|
26
26
|
|
27
27
|
// On mobile, add half width gutters
|
28
|
-
margin:
|
28
|
+
margin-right: $govuk-gutter-half;
|
29
|
+
margin-left: $govuk-gutter-half;
|
29
30
|
|
30
31
|
// Respect 'display cutout' safe area (avoids notches and rounded corners)
|
31
32
|
@supports (margin: unquote("max(calc(0px))")) {
|
@@ -40,7 +41,8 @@
|
|
40
41
|
|
41
42
|
// On tablet, add full width gutters
|
42
43
|
@include govuk-media-query($from: tablet) {
|
43
|
-
margin:
|
44
|
+
margin-right: $govuk-gutter;
|
45
|
+
margin-left: $govuk-gutter;
|
44
46
|
|
45
47
|
// Respect 'display cutout' safe area (avoids notches and rounded corners)
|
46
48
|
@supports (margin: unquote("max(calc(0px))")) {
|
@@ -57,12 +59,14 @@
|
|
57
59
|
// As soon as the viewport is greater than the width of the page plus the
|
58
60
|
// gutters, just centre the content instead of adding gutters.
|
59
61
|
@include govuk-media-query($and: "(min-width: #{($width + $govuk-gutter * 2)})") {
|
60
|
-
margin:
|
62
|
+
margin-right: auto;
|
63
|
+
margin-left: auto;
|
61
64
|
|
62
65
|
// Since a safe area may have previously been set above,
|
63
66
|
// we need to duplicate this margin that centers the page.
|
64
67
|
@supports (margin: unquote("max(calc(0px))")) {
|
65
|
-
margin:
|
68
|
+
margin-right: auto;
|
69
|
+
margin-left: auto;
|
66
70
|
}
|
67
71
|
}
|
68
72
|
|
@@ -70,7 +74,8 @@
|
|
70
74
|
width: $width;
|
71
75
|
// Since media queries are not supported in IE8,
|
72
76
|
// we need to duplicate this margin that centers the page.
|
73
|
-
margin:
|
77
|
+
margin-right: auto;
|
78
|
+
margin-left: auto;
|
74
79
|
}
|
75
80
|
}
|
76
81
|
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: dxw_govuk_frontend_rails
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 3.
|
4
|
+
version: 3.5.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- mec
|
@@ -9,7 +9,7 @@ authors:
|
|
9
9
|
autorequire:
|
10
10
|
bindir: exe
|
11
11
|
cert_chain: []
|
12
|
-
date:
|
12
|
+
date: 2020-06-26 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: bundler
|
@@ -31,14 +31,14 @@ dependencies:
|
|
31
31
|
requirements:
|
32
32
|
- - "~>"
|
33
33
|
- !ruby/object:Gem::Version
|
34
|
-
version: '
|
34
|
+
version: '13.0'
|
35
35
|
type: :development
|
36
36
|
prerelease: false
|
37
37
|
version_requirements: !ruby/object:Gem::Requirement
|
38
38
|
requirements:
|
39
39
|
- - "~>"
|
40
40
|
- !ruby/object:Gem::Version
|
41
|
-
version: '
|
41
|
+
version: '13.0'
|
42
42
|
description: Adds the GOVUK frontend to a Rails application that uses the Asset Pipeline.
|
43
43
|
email:
|
44
44
|
executables: []
|
@@ -185,7 +185,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
185
185
|
- !ruby/object:Gem::Version
|
186
186
|
version: '0'
|
187
187
|
requirements: []
|
188
|
-
rubygems_version: 3.
|
188
|
+
rubygems_version: 3.1.2
|
189
189
|
signing_key:
|
190
190
|
specification_version: 4
|
191
191
|
summary: Adds the GOVUK frontend to a Rails application that uses the Asset Pipeline.
|