govuk_publishing_components 25.2.0 → 25.2.1
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/_layout-super-navigation-header.scss +38 -12
- data/app/views/govuk_publishing_components/components/_layout_super_navigation_header.html.erb +25 -4
- 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: 0fc516835586ed0098df4390f5fd9bfe2c9dd97c9dcd91d0d41c2cc0b8ad9864
|
|
4
|
+
data.tar.gz: 4a4e410ac48855b9ba8d7c7f014c37b4049587824cf147daa51b2b9c35870dd2
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: e5ba63ec97ec65250980ba70482fbdb1efa191c203cb693a5c76b054480edb63562b68d955bb22b06364dc447071b1f2642784a732c73098c604282bebe882c0
|
|
7
|
+
data.tar.gz: 12c1d8b7dc34e97e9faf28b58d5cff71f23ab86eb79b0faf567ea23f89f2043a805f8b9de57f46a04fd4ea8d87c3f8f4364dabaf3d0d4b849ac81badf1767d0f
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
$search-icon-size: 20px;
|
|
2
2
|
|
|
3
3
|
@mixin chevron($colour) {
|
|
4
|
-
border-bottom:
|
|
5
|
-
border-right:
|
|
4
|
+
border-bottom: 3px solid govuk-colour($colour);
|
|
5
|
+
border-right: 3px solid govuk-colour($colour);
|
|
6
6
|
content: " ";
|
|
7
7
|
display: inline-block;
|
|
8
|
-
height:
|
|
9
|
-
margin: 0
|
|
8
|
+
height: 8px;
|
|
9
|
+
margin: 0 8px 0 2px;
|
|
10
10
|
transform: translateY(-35%) rotate(45deg);
|
|
11
11
|
vertical-align: middle;
|
|
12
|
-
width:
|
|
12
|
+
width: 8px;
|
|
13
13
|
}
|
|
14
14
|
|
|
15
15
|
%top-level-navigation-link-base {
|
|
@@ -24,8 +24,9 @@ $search-icon-size: 20px;
|
|
|
24
24
|
text-decoration: none;
|
|
25
25
|
|
|
26
26
|
&,
|
|
27
|
+
&:link,
|
|
27
28
|
&:visited {
|
|
28
|
-
color: govuk-colour
|
|
29
|
+
color: $govuk-link-colour;
|
|
29
30
|
}
|
|
30
31
|
|
|
31
32
|
&:focus {
|
|
@@ -44,6 +45,7 @@ $search-icon-size: 20px;
|
|
|
44
45
|
|
|
45
46
|
@include govuk-media-query($from: "desktop") {
|
|
46
47
|
@include govuk-font($size: 16, $weight: false, $line-height: 20px);
|
|
48
|
+
color: govuk-colour("white");
|
|
47
49
|
display: inherit;
|
|
48
50
|
height: govuk-spacing(9);
|
|
49
51
|
padding: govuk-spacing(4);
|
|
@@ -107,10 +109,6 @@ $search-icon-size: 20px;
|
|
|
107
109
|
border-color: $govuk-focus-colour;
|
|
108
110
|
}
|
|
109
111
|
|
|
110
|
-
&:hover {
|
|
111
|
-
border-color: govuk-colour("black");
|
|
112
|
-
}
|
|
113
|
-
|
|
114
112
|
&.gem-c-layout-super-navigation-header__open-button {
|
|
115
113
|
border-left-color: govuk-colour("black");
|
|
116
114
|
border-right-color: govuk-colour("black");
|
|
@@ -128,8 +126,8 @@ $search-icon-size: 20px;
|
|
|
128
126
|
|
|
129
127
|
&:before,
|
|
130
128
|
&:after {
|
|
131
|
-
$width:
|
|
132
|
-
$height:
|
|
129
|
+
$width: govuk-spacing(4);
|
|
130
|
+
$height: 4px;
|
|
133
131
|
|
|
134
132
|
border: none;
|
|
135
133
|
content: " ";
|
|
@@ -265,6 +263,30 @@ $search-icon-size: 20px;
|
|
|
265
263
|
.gem-c-layout-super-navigation-header__navigation-item-link {
|
|
266
264
|
@extend %top-level-navigation-link-base;
|
|
267
265
|
|
|
266
|
+
&,
|
|
267
|
+
&:link, // 👈 required to override govuk-template
|
|
268
|
+
&:visited {
|
|
269
|
+
color: $govuk-link-colour;
|
|
270
|
+
|
|
271
|
+
&:hover {
|
|
272
|
+
color: govuk-colour("mid-grey");
|
|
273
|
+
}
|
|
274
|
+
|
|
275
|
+
&:focus {
|
|
276
|
+
color: $govuk-focus-text-colour;
|
|
277
|
+
}
|
|
278
|
+
|
|
279
|
+
@include govuk-media-query($from: "desktop") {
|
|
280
|
+
color: govuk-colour("white");
|
|
281
|
+
}
|
|
282
|
+
}
|
|
283
|
+
|
|
284
|
+
// This :link:focus selector is required to override the `govuk-template`
|
|
285
|
+
// defaults.
|
|
286
|
+
&:link:focus {
|
|
287
|
+
color: $govuk-focus-text-colour;
|
|
288
|
+
}
|
|
289
|
+
|
|
268
290
|
.js-enabled & {
|
|
269
291
|
@include govuk-media-query($until: "desktop") {
|
|
270
292
|
padding: govuk-spacing(6) govuk-spacing(3) govuk-spacing(6) govuk-spacing(9);
|
|
@@ -366,6 +388,10 @@ $search-icon-size: 20px;
|
|
|
366
388
|
position: absolute;
|
|
367
389
|
right: (0 - govuk-spacing(3));
|
|
368
390
|
|
|
391
|
+
&:hover {
|
|
392
|
+
border-color: govuk-colour("black");
|
|
393
|
+
}
|
|
394
|
+
|
|
369
395
|
@include govuk-media-query($from: 360px) {
|
|
370
396
|
right: 0;
|
|
371
397
|
}
|
data/app/views/govuk_publishing_components/components/_layout_super_navigation_header.html.erb
CHANGED
|
@@ -134,7 +134,17 @@ show_navigation_menu_text = t("components.layout_super_navigation_header.menu_to
|
|
|
134
134
|
link_classes << "gem-c-layout-super-navigation-header__navigation-second-item-link--with-description" if has_description
|
|
135
135
|
%>
|
|
136
136
|
<li class="gem-c-layout-super-navigation-header__dropdown-list-item">
|
|
137
|
-
<%= link_to item[:label], item[:href], {
|
|
137
|
+
<%= link_to item[:label], item[:href], {
|
|
138
|
+
class: link_classes,
|
|
139
|
+
data: {
|
|
140
|
+
module: "gem-track-click",
|
|
141
|
+
track_action: "#{tracking_label}Link",
|
|
142
|
+
track_category: "headerClicked",
|
|
143
|
+
track_label: item[:href],
|
|
144
|
+
track_dimension: item[:label],
|
|
145
|
+
track_dimension_index: "29",
|
|
146
|
+
}
|
|
147
|
+
} %>
|
|
138
148
|
<%= tag.p item[:description], class: "govuk-body govuk-!-margin-0" if has_description %>
|
|
139
149
|
</li>
|
|
140
150
|
<% end %>
|
|
@@ -150,9 +160,20 @@ show_navigation_menu_text = t("components.layout_super_navigation_header.menu_to
|
|
|
150
160
|
<ul class="gem-c-layout-super-navigation-header__navigation-second-footer-list">
|
|
151
161
|
<% link[:footer_links].each do | item | %>
|
|
152
162
|
<li class="gem-c-layout-super-navigation-header__navigation-second-footer-item">
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
163
|
+
<%= link_to item[:label], item[:href], {
|
|
164
|
+
class: [
|
|
165
|
+
"govuk-link",
|
|
166
|
+
"gem-c-layout-super-navigation-header__navigation-second-footer-link",
|
|
167
|
+
],
|
|
168
|
+
data: {
|
|
169
|
+
module: "gem-track-lick",
|
|
170
|
+
track_action: "#{tracking_label}Link",
|
|
171
|
+
track_cateogry: "headerClicked",
|
|
172
|
+
track_label: item[:href],
|
|
173
|
+
track_dimension: item[:label],
|
|
174
|
+
track_dimension_index: "29",
|
|
175
|
+
}
|
|
176
|
+
} %>
|
|
156
177
|
</li>
|
|
157
178
|
<% end %>
|
|
158
179
|
</ul>
|