dxw_govuk_frontend_rails 3.4.0 → 3.5.0
Sign up to get free protection for your applications and to get access to all the features.
- 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.
|