govuk_publishing_components 59.1.1 → 59.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/javascripts/govuk_publishing_components/analytics-ga4/pii-remover.js +6 -6
- data/app/assets/javascripts/govuk_publishing_components/components/add-another.js +7 -6
- data/app/assets/stylesheets/component_guide/application.scss +3 -3
- data/app/assets/stylesheets/govuk_publishing_components/components/_accordion.scss +0 -1
- data/app/assets/stylesheets/govuk_publishing_components/components/_action-link.scss +55 -31
- data/app/assets/stylesheets/govuk_publishing_components/components/_attachment.scss +1 -1
- data/app/assets/stylesheets/govuk_publishing_components/components/_cross-service-header.scss +274 -231
- data/app/assets/stylesheets/govuk_publishing_components/components/_layout-super-navigation-header.scss +11 -9
- data/app/assets/stylesheets/govuk_publishing_components/components/_modal-dialogue.scss +1 -2
- data/app/assets/stylesheets/govuk_publishing_components/components/_print-link.scss +1 -1
- data/app/assets/stylesheets/govuk_publishing_components/components/_search.scss +2 -1
- data/app/assets/stylesheets/govuk_publishing_components/components/_secondary-navigation.scss +2 -4
- data/app/assets/stylesheets/govuk_publishing_components/components/_single-page-notification-button.scss +2 -3
- data/app/assets/stylesheets/govuk_publishing_components/components/govspeak/_charts.scss +1 -1
- data/app/assets/stylesheets/govuk_publishing_components/components/mixins/_grid-helper.scss +18 -14
- data/app/views/govuk_publishing_components/components/_action_link.html.erb +25 -14
- data/app/views/govuk_publishing_components/components/_add_another.html.erb +9 -0
- data/app/views/govuk_publishing_components/components/_cross_service_header.html.erb +1 -2
- data/app/views/govuk_publishing_components/components/cross_service_header/_one_login_header.html.erb +41 -68
- data/app/views/govuk_publishing_components/components/docs/add_another.yml +38 -0
- data/lib/govuk_publishing_components/version.rb +1 -1
- metadata +1 -1
data/app/assets/stylesheets/govuk_publishing_components/components/_secondary-navigation.scss
CHANGED
|
@@ -62,11 +62,10 @@
|
|
|
62
62
|
}
|
|
63
63
|
|
|
64
64
|
.gem-c-secondary-navigation__list-item-link:focus {
|
|
65
|
-
@include govuk-focused-text;
|
|
66
|
-
|
|
67
65
|
border-color: $govuk-focus-text-colour;
|
|
68
66
|
border-left-color: transparent;
|
|
69
67
|
position: relative;
|
|
68
|
+
@include govuk-focused-text;
|
|
70
69
|
|
|
71
70
|
@include govuk-media-query($from: tablet) {
|
|
72
71
|
box-shadow: none;
|
|
@@ -82,10 +81,9 @@
|
|
|
82
81
|
}
|
|
83
82
|
|
|
84
83
|
.gem-c-secondary-navigation__list-item-link:focus {
|
|
85
|
-
@include govuk-focused-text;
|
|
86
|
-
|
|
87
84
|
border-color: $govuk-focus-text-colour;
|
|
88
85
|
border-left-color: transparent;
|
|
86
|
+
@include govuk-focused-text;
|
|
89
87
|
|
|
90
88
|
@include govuk-media-query($from: tablet) {
|
|
91
89
|
box-shadow: none;
|
|
@@ -9,10 +9,8 @@
|
|
|
9
9
|
background: none;
|
|
10
10
|
|
|
11
11
|
&:focus {
|
|
12
|
-
@include govuk-focused-text;
|
|
13
|
-
background-color: $govuk-focus-colour;
|
|
14
12
|
border-color: transparent;
|
|
15
|
-
|
|
13
|
+
@include govuk-focused-text;
|
|
16
14
|
}
|
|
17
15
|
|
|
18
16
|
&:hover {
|
|
@@ -21,6 +19,7 @@
|
|
|
21
19
|
|
|
22
20
|
&:focus {
|
|
23
21
|
color: $govuk-text-colour;
|
|
22
|
+
box-shadow: 0 $govuk-focus-width $govuk-text-colour;
|
|
24
23
|
}
|
|
25
24
|
}
|
|
26
25
|
}
|
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
@use "sass:list";
|
|
2
|
+
@use "sass:string";
|
|
3
|
+
@use "sass:math";
|
|
4
|
+
|
|
1
5
|
/// Set grid row or column value using the fraction unit.
|
|
2
6
|
///
|
|
3
7
|
/// @param {Integer} $number - number of fractions that the grid row or column
|
|
@@ -16,7 +20,7 @@
|
|
|
16
20
|
$fractions: $fractions + " 1fr";
|
|
17
21
|
}
|
|
18
22
|
|
|
19
|
-
@return unquote($fractions);
|
|
23
|
+
@return string.unquote($fractions);
|
|
20
24
|
}
|
|
21
25
|
|
|
22
26
|
/// Arrange items into columns
|
|
@@ -48,7 +52,7 @@
|
|
|
48
52
|
/// }
|
|
49
53
|
///
|
|
50
54
|
@mixin columns($items, $columns, $selector: "*", $flow: row) {
|
|
51
|
-
$rows: ceil(calc($items / $columns));
|
|
55
|
+
$rows: math.ceil(calc($items / $columns));
|
|
52
56
|
|
|
53
57
|
display: -ms-grid;
|
|
54
58
|
display: grid;
|
|
@@ -73,19 +77,19 @@
|
|
|
73
77
|
|
|
74
78
|
// stylelint-disable max-nesting-depth
|
|
75
79
|
@if $counter <= $items {
|
|
76
|
-
$this-row: append($this-row, $counter);
|
|
80
|
+
$this-row: list.append($this-row, $counter);
|
|
77
81
|
}
|
|
78
82
|
// stylelint-enable max-nesting-depth
|
|
79
83
|
}
|
|
80
84
|
|
|
81
|
-
$grid: append($grid, $this-row, "comma");
|
|
85
|
+
$grid: list.append($grid, $this-row, "comma");
|
|
82
86
|
}
|
|
83
87
|
|
|
84
|
-
@for $row-count from 1 through length($grid) {
|
|
85
|
-
$this-column: nth($grid, $row-count);
|
|
88
|
+
@for $row-count from 1 through list.length($grid) {
|
|
89
|
+
$this-column: list.nth($grid, $row-count);
|
|
86
90
|
|
|
87
|
-
@for $item-index from 1 through length($this-column) {
|
|
88
|
-
$this-item: nth($this-column, $item-index);
|
|
91
|
+
@for $item-index from 1 through list.length($this-column) {
|
|
92
|
+
$this-item: list.nth($this-column, $item-index);
|
|
89
93
|
|
|
90
94
|
& > #{$selector}:nth-child(#{$this-item}) {
|
|
91
95
|
-ms-grid-column: $item-index;
|
|
@@ -113,23 +117,23 @@
|
|
|
113
117
|
|
|
114
118
|
// stylelint-disable max-nesting-depth
|
|
115
119
|
@if $counter <= $items {
|
|
116
|
-
$this-row: append($this-row, $counter);
|
|
120
|
+
$this-row: list.append($this-row, $counter);
|
|
117
121
|
}
|
|
118
122
|
// stylelint-enable max-nesting-depth
|
|
119
123
|
}
|
|
120
124
|
|
|
121
|
-
$grid: append($grid, $this-row, "comma");
|
|
125
|
+
$grid: list.append($grid, $this-row, "comma");
|
|
122
126
|
}
|
|
123
127
|
|
|
124
128
|
// Now we can loop through the list of lists to create the rules needed for
|
|
125
129
|
// the older grid syntax; fist looping through the list to get the number
|
|
126
130
|
// needed for the column, then looping again to get the number for the grid
|
|
127
131
|
// row:
|
|
128
|
-
@for $column_index from 1 through length($grid) {
|
|
129
|
-
$this-row: nth($grid, $column_index);
|
|
132
|
+
@for $column_index from 1 through list.length($grid) {
|
|
133
|
+
$this-row: list.nth($grid, $column_index);
|
|
130
134
|
|
|
131
|
-
@for $item-index from 1 through length($this-row) {
|
|
132
|
-
$this-item: nth($this-row, $item-index);
|
|
135
|
+
@for $item-index from 1 through list.length($this-row) {
|
|
136
|
+
$this-item: list.nth($this-row, $item-index);
|
|
133
137
|
|
|
134
138
|
& > #{$selector}:nth-child(#{$this-item}) {
|
|
135
139
|
-ms-grid-column: $column_index;
|
|
@@ -18,21 +18,32 @@
|
|
|
18
18
|
%>
|
|
19
19
|
<% if text.present? %>
|
|
20
20
|
<%= tag.div(**component_helper.all_attributes) do %>
|
|
21
|
-
<%
|
|
22
|
-
<span class="gem-c-action-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
21
|
+
<% if simple || simple_light %>
|
|
22
|
+
<span class="gem-c-action-link__icon gem-c-action-link__icon--simple" hidden>
|
|
23
|
+
<svg xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true" viewBox="0 0 23 23">
|
|
24
|
+
<g class="gem-c-action-link__icon__arrow">
|
|
25
|
+
<path d="M14.943 11.795 10.44 7.292 11.733 6l5.795 5.795-5.795 5.795-1.293-1.292 4.503-4.503Z" />
|
|
26
|
+
<path d="M3.956 10.881h11.485v1.828H3.956v-1.828Z" />
|
|
27
|
+
</g>
|
|
28
|
+
</svg>
|
|
29
|
+
</span>
|
|
30
|
+
<% elsif %>
|
|
31
|
+
<span class="gem-c-action-link__icon" hidden>
|
|
32
|
+
<svg xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true" viewBox="0 0 27 27">
|
|
33
|
+
<circle class="gem-c-action-link__icon__circle" cx="13.5" cy="13.5" r="13.5" />
|
|
34
|
+
<g class="gem-c-action-link__icon__arrow">
|
|
35
|
+
<path d="m17.701 13.526-3.827-3.828L14.973 8.6l4.926 4.926-4.926 4.926-1.099-1.099 3.827-3.827Z"/>
|
|
36
|
+
<path d="M8.363 12.749h9.762v1.554H8.363v-1.554Z"/>
|
|
37
|
+
</g>
|
|
38
|
+
</svg>
|
|
34
39
|
</span>
|
|
35
40
|
<% end %>
|
|
36
|
-
|
|
41
|
+
<span class="gem-c-action-link__link-wrapper">
|
|
42
|
+
<% if href.present? %>
|
|
43
|
+
<%= link_to text, href, class: link_classes %>
|
|
44
|
+
<% else %>
|
|
45
|
+
<%= text %>
|
|
46
|
+
<% end %>
|
|
47
|
+
</span>
|
|
37
48
|
<% end %>
|
|
38
49
|
<% end %>
|
|
@@ -40,4 +40,13 @@
|
|
|
40
40
|
} do %>
|
|
41
41
|
<%= empty %>
|
|
42
42
|
<% end %>
|
|
43
|
+
<template class="js-add-another__empty-template">
|
|
44
|
+
<%= render "govuk_publishing_components/components/fieldset", {
|
|
45
|
+
classes: "js-add-another__fieldset",
|
|
46
|
+
legend_text: "#{fieldset_legend} #{items.length + 1}",
|
|
47
|
+
heading_size: "m"
|
|
48
|
+
} do %>
|
|
49
|
+
<%= empty %>
|
|
50
|
+
<% end %>
|
|
51
|
+
</template>
|
|
43
52
|
<% end %>
|
|
@@ -4,10 +4,9 @@
|
|
|
4
4
|
service_name ||= nil
|
|
5
5
|
one_login_navigation_items ||= []
|
|
6
6
|
service_navigation_items ||= []
|
|
7
|
-
service_navigation_aria_label ||= "Service menu"
|
|
8
7
|
%>
|
|
9
8
|
|
|
10
|
-
<header class="gem-c-cross-service-header" data-module="cross-service-header">
|
|
9
|
+
<header class="gem-c-cross-service-header gem-c-rebranded-cross-service-header" data-module="cross-service-header">
|
|
11
10
|
<%= render "govuk_publishing_components/components/cross_service_header/one_login_header", {
|
|
12
11
|
one_login_navigation_items: one_login_navigation_items,
|
|
13
12
|
} %>
|
|
@@ -1,99 +1,72 @@
|
|
|
1
1
|
<% one_login_home = one_login_navigation_items[:one_login_home] %>
|
|
2
2
|
<% one_login_sign_out = one_login_navigation_items[:one_login_sign_out] %>
|
|
3
3
|
|
|
4
|
-
<div class="gem-c-one-login-header" data-one-login-header-nav>
|
|
5
|
-
<div class="gem-c-one-login-header__container govuk-width-container">
|
|
6
|
-
<div class="gem-c-one-login-header__logo">
|
|
7
|
-
<a href="https://www.gov.uk/" class="gem-c-one-login-header__link gem-c-one-login-header__link--homepage">
|
|
4
|
+
<div class="gem-c-rebranded-one-login-header" data-one-login-header-nav>
|
|
5
|
+
<div class="gem-c-rebranded-one-login-header__container govuk-width-container">
|
|
6
|
+
<div class="gem-c-rebranded-one-login-header__logo">
|
|
7
|
+
<a href="https://www.gov.uk/" class="gem-c-rebranded-one-login-header__link gem-c-rebranded-one-login-header__link--homepage">
|
|
8
8
|
<svg
|
|
9
9
|
focusable="false"
|
|
10
10
|
role="img"
|
|
11
|
-
class="gem-c-one-login-header__logotype"
|
|
12
11
|
xmlns="http://www.w3.org/2000/svg"
|
|
13
|
-
viewBox="0 0
|
|
12
|
+
viewBox="0 0 324 60"
|
|
14
13
|
height="30"
|
|
15
|
-
width="
|
|
14
|
+
width="162"
|
|
15
|
+
fill="currentcolor"
|
|
16
|
+
class="gem-c-rebranded-one-login-header__logotype"
|
|
16
17
|
aria-label="GOV.UK">
|
|
17
18
|
<title>GOV.UK</title>
|
|
18
|
-
<
|
|
19
|
+
<g>
|
|
20
|
+
<circle cx="20" cy="17.6" r="3.7"></circle>
|
|
21
|
+
<circle cx="10.2" cy="23.5" r="3.7"></circle>
|
|
22
|
+
<circle cx="3.7" cy="33.2" r="3.7"></circle>
|
|
23
|
+
<circle cx="31.7" cy="30.6" r="3.7"></circle>
|
|
24
|
+
<circle cx="43.3" cy="17.6" r="3.7"></circle>
|
|
25
|
+
<circle cx="53.2" cy="23.5" r="3.7"></circle>
|
|
26
|
+
<circle cx="59.7" cy="33.2" r="3.7"></circle>
|
|
27
|
+
<circle cx="31.7" cy="30.6" r="3.7"></circle>
|
|
28
|
+
<path d="M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z"></path>
|
|
29
|
+
</g>
|
|
30
|
+
<circle class="gem-c-rebranded-one-login-header__logo-dot" cx="226" cy="36" r="7.3"></circle>
|
|
31
|
+
<path d="M93.94 41.25c.4 1.81 1.2 3.21 2.21 4.62 1 1.4 2.21 2.41 3.61 3.21s3.21 1.2 5.22 1.2 3.61-.4 4.82-1c1.4-.6 2.41-1.4 3.21-2.41.8-1 1.4-2.01 1.61-3.01s.4-2.01.4-3.01v.14h-10.86v-7.02h20.07v24.08h-8.03v-5.56c-.6.8-1.38 1.61-2.19 2.41-.8.8-1.81 1.2-2.81 1.81-1 .4-2.21.8-3.41 1.2s-2.41.4-3.81.4a18.56 18.56 0 0 1-14.65-6.63c-1.6-2.01-3.01-4.41-3.81-7.02s-1.4-5.62-1.4-8.83.4-6.02 1.4-8.83a20.45 20.45 0 0 1 19.46-13.65c3.21 0 4.01.2 5.82.8 1.81.4 3.61 1.2 5.02 2.01 1.61.8 2.81 2.01 4.01 3.21s2.21 2.61 2.81 4.21l-7.63 4.41c-.4-1-1-1.81-1.61-2.61-.6-.8-1.4-1.4-2.21-2.01-.8-.6-1.81-1-2.81-1.4-1-.4-2.21-.4-3.61-.4-2.01 0-3.81.4-5.22 1.2-1.4.8-2.61 1.81-3.61 3.21s-1.61 2.81-2.21 4.62c-.4 1.81-.6 3.71-.6 5.42s.8 5.22.8 5.22Zm57.8-27.9c3.21 0 6.22.6 8.63 1.81 2.41 1.2 4.82 2.81 6.62 4.82S170.2 24.39 171 27s1.4 5.62 1.4 8.83-.4 6.02-1.4 8.83-2.41 5.02-4.01 7.02-4.01 3.61-6.62 4.82-5.42 1.81-8.63 1.81-6.22-.6-8.63-1.81-4.82-2.81-6.42-4.82-3.21-4.41-4.01-7.02-1.4-5.62-1.4-8.83.4-6.02 1.4-8.83 2.41-5.02 4.01-7.02 4.01-3.61 6.42-4.82 5.42-1.81 8.63-1.81Zm0 36.73c1.81 0 3.61-.4 5.02-1s2.61-1.81 3.61-3.01 1.81-2.81 2.21-4.41c.4-1.81.8-3.61.8-5.62 0-2.21-.2-4.21-.8-6.02s-1.2-3.21-2.21-4.62c-1-1.2-2.21-2.21-3.61-3.01s-3.21-1-5.02-1-3.61.4-5.02 1c-1.4.8-2.61 1.81-3.61 3.01s-1.81 2.81-2.21 4.62c-.4 1.81-.8 3.61-.8 5.62 0 2.41.2 4.21.8 6.02.4 1.81 1.2 3.21 2.21 4.41s2.21 2.21 3.61 3.01c1.4.8 3.21 1 5.02 1Zm36.32 7.96-12.24-44.15h9.83l8.43 32.77h.4l8.23-32.77h9.83L200.3 58.04h-12.24Zm74.14-7.96c2.18 0 3.51-.6 3.51-.6 1.2-.6 2.01-1 2.81-1.81s1.4-1.81 1.81-2.81a13 13 0 0 0 .8-4.01V13.9h8.63v28.15c0 2.41-.4 4.62-1.4 6.62-.8 2.01-2.21 3.61-3.61 5.02s-3.41 2.41-5.62 3.21-4.62 1.2-7.02 1.2-5.02-.4-7.02-1.2c-2.21-.8-4.01-1.81-5.62-3.21s-2.81-3.01-3.61-5.02-1.4-4.21-1.4-6.62V13.9h8.63v26.95c0 1.61.2 3.01.8 4.01.4 1.2 1.2 2.21 2.01 2.81.8.8 1.81 1.4 2.81 1.81 0 0 1.34.6 3.51.6Zm34.22-36.18v18.92l15.65-18.92h10.82l-15.03 17.32 16.03 26.83h-10.21l-11.44-20.21-5.62 6.22v13.99h-8.83V13.9"></path>
|
|
19
32
|
</svg>
|
|
20
33
|
</a>
|
|
21
34
|
</div>
|
|
22
|
-
|
|
23
35
|
<button type="button"
|
|
24
36
|
aria-controls="one-login-header__nav"
|
|
25
37
|
aria-label="Show GOV.UK One Login menu"
|
|
26
|
-
data-open-class="gem-c-cross-service-
|
|
38
|
+
data-open-class="gem-c-rebranded-cross-service-header__toggle--open"
|
|
27
39
|
data-label-for-show="Show GOV.UK One Login menu"
|
|
28
40
|
data-label-for-hide="Hide GOV.UK One Login menu"
|
|
29
41
|
aria-expanded="false"
|
|
30
|
-
class="gem-c-
|
|
31
|
-
<span class="gem-c-cross-service-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true">
|
|
36
|
-
<circle cx="11" cy="11" r="11" fill="white"/>
|
|
37
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M3.29297 18.8487C4.23255 15.4753 7.32741 13 11.0004 13C14.6731 13 17.7678 15.4749 18.7076 18.848C17.8058 19.7338 16.752 20.4654 15.5889 21H11.0004H6.41097C5.24819 20.4655 4.19463 19.7342 3.29297 18.8487Z" fill="#1D70B8"/>
|
|
38
|
-
<circle cx="11" cy="7.75" r="3.75" fill="#1D70B8"/>
|
|
39
|
-
<circle cx="11" cy="11" r="10" stroke="white" stroke-width="2"/>
|
|
42
|
+
class="gem-c-rebranded-cross-service-header__toggle js-x-header-toggle">
|
|
43
|
+
<span class="gem-c-rebranded-cross-service-header__toggle-content-wrapper">
|
|
44
|
+
<svg focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" width="15" height="30" viewBox="150 150 250 250" fill="currentcolor" class="gem-c-rebranded-cross-service-header__logo ">
|
|
45
|
+
<path d="M300.002 312.261C249.445 312.261 208.346 271.165 208.346 220.608C208.346 170.051 249.445 128.954 300.002 128.954C350.559 128.954 391.655 170.051 391.655 220.608C391.655 271.165 350.559 312.261 300.002 312.261ZM300.002 170.892C272.673 170.892 250.389 193.175 250.389 220.504C250.389 247.83 272.673 270.113 300.002 270.113C327.33 270.113 349.611 247.83 349.611 220.504C349.611 193.175 327.33 170.892 300.002 170.892Z" />
|
|
46
|
+
<path d="M221.275 471.046H179.231V365.202H420.769V407.246H221.275V471.046Z"/>
|
|
40
47
|
</svg>
|
|
48
|
+
<span class="gem-c-rebranded-cross-service-header__toggle-content">One Login</span>
|
|
41
49
|
</span>
|
|
42
|
-
<!--<![endif]-->
|
|
43
|
-
|
|
44
|
-
<!--[if gt IE 8]><!-->
|
|
45
|
-
<span class="gem-c-cross-service-header__button-icon gem-c-cross-service-header__button-icon--focus">
|
|
46
|
-
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true">
|
|
47
|
-
<circle cx="11" cy="11" r="11" fill="black"/>
|
|
48
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M3.29297 18.8487C4.23255 15.4753 7.32741 13 11.0004 13C14.6731 13 17.7678 15.4749 18.7076 18.848C17.8058 19.7338 16.752 20.4654 15.5889 21H11.0004H6.41097C5.24819 20.4655 4.19463 19.7342 3.29297 18.8487Z" fill="white"/>
|
|
49
|
-
<circle cx="11" cy="7.75" r="3.75" fill="white"/>
|
|
50
|
-
<circle cx="11" cy="11" r="10" stroke="black" stroke-width="2"/>
|
|
51
|
-
</svg>
|
|
52
|
-
</span>
|
|
53
|
-
<!--<![endif]-->
|
|
54
50
|
</button>
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
<!--[if gt IE 8]><!-->
|
|
65
|
-
<span class="gem-c-cross-service-header__button-icon gem-c-cross-service-header__button-icon--default">
|
|
66
|
-
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true">
|
|
67
|
-
<circle cx="11" cy="11" r="11" fill="white"/>
|
|
68
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M3.29297 18.8487C4.23255 15.4753 7.32741 13 11.0004 13C14.6731 13 17.7678 15.4749 18.7076 18.848C17.8058 19.7338 16.752 20.4654 15.5889 21H11.0004H6.41097C5.24819 20.4655 4.19463 19.7342 3.29297 18.8487Z" fill="#1D70B8"/>
|
|
69
|
-
<circle cx="11" cy="7.75" r="3.75" fill="#1D70B8"/>
|
|
70
|
-
<circle cx="11" cy="11" r="10" stroke="white" stroke-width="2"/>
|
|
71
|
-
</svg>
|
|
72
|
-
</span>
|
|
73
|
-
<!--<![endif]-->
|
|
74
|
-
|
|
75
|
-
<!--[if gt IE 8]><!-->
|
|
76
|
-
<span class="gem-c-cross-service-header__button-icon gem-c-cross-service-header__button-icon--focus">
|
|
77
|
-
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true">
|
|
78
|
-
<circle cx="11" cy="11" r="11" fill="black"/>
|
|
79
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M3.29297 18.8487C4.23255 15.4753 7.32741 13 11.0004 13C14.6731 13 17.7678 15.4749 18.7076 18.848C17.8058 19.7338 16.752 20.4654 15.5889 21H11.0004H6.41097C5.24819 20.4655 4.19463 19.7342 3.29297 18.8487Z" fill="white"/>
|
|
80
|
-
<circle cx="11" cy="7.75" r="3.75" fill="white"/>
|
|
81
|
-
<circle cx="11" cy="11" r="10" stroke="black" stroke-width="2"/>
|
|
51
|
+
<nav aria-label="GOV.UK One Login" class="gem-c-rebranded-one-login-header__nav" data-open-class="gem-c-rebranded-one-login-header__nav--open" id="one-login-header__nav">
|
|
52
|
+
<ul class="gem-c-rebranded-one-login-header__nav__list">
|
|
53
|
+
<li class="gem-c-rebranded-one-login-header__nav__list-item">
|
|
54
|
+
<%= link_to one_login_home[:href], class: "gem-c-rebranded-one-login-header__nav__link", data: one_login_home[:data] do %>
|
|
55
|
+
<span class="gem-c-rebranded-one-login-header__nav__link-content">
|
|
56
|
+
<svg focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" width="15" height="30" viewBox="150 150 250 250" fill="currentcolor" class="gem-c-rebranded-cross-service-header__logo gem-c-rebranded-cross-service-header__logo--nav">
|
|
57
|
+
<path d="M300.002 312.261C249.445 312.261 208.346 271.165 208.346 220.608C208.346 170.051 249.445 128.954 300.002 128.954C350.559 128.954 391.655 170.051 391.655 220.608C391.655 271.165 350.559 312.261 300.002 312.261ZM300.002 170.892C272.673 170.892 250.389 193.175 250.389 220.504C250.389 247.83 272.673 270.113 300.002 270.113C327.33 270.113 349.611 247.83 349.611 220.504C349.611 193.175 327.33 170.892 300.002 170.892Z" />
|
|
58
|
+
<path d="M221.275 471.046H179.231V365.202H420.769V407.246H221.275V471.046Z"/>
|
|
82
59
|
</svg>
|
|
60
|
+
GOV.UK One Login
|
|
83
61
|
</span>
|
|
84
|
-
<!--<![endif]-->
|
|
85
62
|
<% end %>
|
|
86
63
|
</li>
|
|
87
|
-
<li class="gem-c-one-login-header__nav__list-item">
|
|
88
|
-
<%= link_to
|
|
89
|
-
one_login_sign_out[:text],
|
|
90
|
-
|
|
91
|
-
class: 'gem-c-one-login-header__nav__link',
|
|
92
|
-
data: one_login_sign_out[:data],
|
|
93
|
-
) %>
|
|
64
|
+
<li class="gem-c-rebranded-one-login-header__nav__list-item">
|
|
65
|
+
<%= link_to one_login_sign_out[:href], class: "gem-c-rebranded-one-login-header__nav__link", data: one_login_sign_out[:data] do %>
|
|
66
|
+
<%= tag.span one_login_sign_out[:text], class: "gem-c-rebranded-one-login-header__nav__link-content gem-c-rebranded-one-login-header__nav__link-content--sign-out" %>
|
|
67
|
+
<% end %>
|
|
94
68
|
</li>
|
|
95
69
|
</ul>
|
|
96
70
|
</nav>
|
|
97
71
|
</div>
|
|
98
72
|
</div>
|
|
99
|
-
|
|
@@ -83,3 +83,41 @@ examples:
|
|
|
83
83
|
<label for="employee_1_name" class="gem-c-label govuk-label">Full name</label>
|
|
84
84
|
<input class="gem-c-input govuk-input" id="employee_1_name" name="employee[1]name">
|
|
85
85
|
</div>
|
|
86
|
+
|
|
87
|
+
with_select_with_search:
|
|
88
|
+
description: Add another with a select with search input
|
|
89
|
+
data:
|
|
90
|
+
fieldset_legend: "Organisation"
|
|
91
|
+
add_button_text: "Add another organisation"
|
|
92
|
+
items:
|
|
93
|
+
- fields: >
|
|
94
|
+
<div class="govuk-form-group">
|
|
95
|
+
<label for="organisations_1">Select Organisation 1</label>
|
|
96
|
+
<select name="organisations[0][id]" id="organisations_1" class="govuk-select" data-module="select-with-search" tabindex="-1">
|
|
97
|
+
<option value="" selected="">Select one</option>
|
|
98
|
+
<option value="4dfe21ee-acfa-4fc1-9513-cc764e814205" selected="selected">Academy for Justice Commissioning</option>
|
|
99
|
+
<option value="b854f170-53c8-4098-bf77-e8ef42f93107">Academy for Social Justice</option>
|
|
100
|
+
<option value="ce357bdb-6396-426a-9f1f-8cbfb444cffd">Academy for Social Justice Commissioning</option>
|
|
101
|
+
<option value="a0f338c5-e94c-42f8-9c26-b9c2eb6850d3">Accelerated Access Review</option>
|
|
102
|
+
<option value="92bbe2da-8d5f-480b-8da1-50b18e317654">Accelerated Capability Environment</option>
|
|
103
|
+
</select>
|
|
104
|
+
</div>
|
|
105
|
+
destroy_checkbox: >
|
|
106
|
+
<div class="govuk-checkboxes" data-module="govuk-checkboxes">
|
|
107
|
+
<div class="govuk-checkboxes__item">
|
|
108
|
+
<input type="checkbox" name="organisations[0][_destroy]" id="organisation_0__destroy" class="govuk-checkboxes__input">
|
|
109
|
+
<label for="organisation_0__destroy" class="govuk-label govuk-checkboxes__label">Delete</label>
|
|
110
|
+
</div>
|
|
111
|
+
</div>
|
|
112
|
+
empty:
|
|
113
|
+
<div class="govuk-form-group">
|
|
114
|
+
<label for="organisations_2">Select Organisation 2</label>
|
|
115
|
+
<select name="organisations[1][id]" id="organisations_2" class="govuk-select" tabindex="-1" data-module="select-with-search">
|
|
116
|
+
<option value="" selected="">Select one</option>
|
|
117
|
+
<option value="4dfe21ee-acfa-4fc1-9513-cc764e814205">Academy for Justice Commissioning</option>
|
|
118
|
+
<option value="b854f170-53c8-4098-bf77-e8ef42f93107">Academy for Social Justice</option>
|
|
119
|
+
<option value="ce357bdb-6396-426a-9f1f-8cbfb444cffd">Academy for Social Justice Commissioning</option>
|
|
120
|
+
<option value="a0f338c5-e94c-42f8-9c26-b9c2eb6850d3">Accelerated Access Review</option>
|
|
121
|
+
<option value="92bbe2da-8d5f-480b-8da1-50b18e317654">Accelerated Capability Environment</option>
|
|
122
|
+
</select>
|
|
123
|
+
<div class="govuk-form-group">
|