govuk_publishing_components 44.2.0 → 44.3.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/assets/stylesheets/govuk_publishing_components/components/_share-links.scss +32 -0
- data/app/views/govuk_publishing_components/components/_share_links.html.erb +4 -1
- data/app/views/govuk_publishing_components/components/docs/share_links.yml +36 -0
- data/lib/govuk_publishing_components/version.rb +1 -1
- metadata +2 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 5d6ccd0b00a46894c53ea589f0120252852fa08b6c7351295e542862015641be
|
|
4
|
+
data.tar.gz: b4f258437e84b2c18739e16719229a3fcbeebe9d9f1a3f3f089d04c65d21224e
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 9b60753b462565a060b37a987a86753cbe69ca16f7753899580ba256afe7e840ea8ae1b7152216344927d15c25e55aefedd618f95035fbb0dbd91a5043833838
|
|
7
|
+
data.tar.gz: fd68bf1224cb154ae389c4c2af8661eef818341bc63cbb7b256ef4e59126f2854952d0dc10a320d9d5c84d42e59716479eb74874ef9287f4334d51d570625dc8
|
|
@@ -83,3 +83,35 @@ $column-width: 9.5em;
|
|
|
83
83
|
display: block;
|
|
84
84
|
}
|
|
85
85
|
}
|
|
86
|
+
|
|
87
|
+
.gem-c-share-links--square-icons {
|
|
88
|
+
.gem-c-share-links__list-item {
|
|
89
|
+
padding-left: 60px;
|
|
90
|
+
padding-top: 12px;
|
|
91
|
+
margin-bottom: 30px;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
.gem-c-share-links__link-icon {
|
|
95
|
+
background-color: govuk-colour("dark-blue");
|
|
96
|
+
color: govuk-colour("white");
|
|
97
|
+
padding: govuk-spacing(2);
|
|
98
|
+
margin-right: govuk-spacing(2);
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
.gem-c-share-links__link:hover {
|
|
102
|
+
.gem-c-share-links__link-icon {
|
|
103
|
+
background-color: govuk-colour("black");
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
.gem-c-share-links__link:focus {
|
|
108
|
+
.gem-c-share-links__link-icon {
|
|
109
|
+
background-color: govuk-colour("black");
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
.gem-c-share-links__label {
|
|
114
|
+
color: govuk-colour("black");
|
|
115
|
+
@include govuk-font(19, $weight: bold);
|
|
116
|
+
}
|
|
117
|
+
}
|
|
@@ -8,6 +8,7 @@
|
|
|
8
8
|
ga4_extra_data ||= {}
|
|
9
9
|
stacked ||= false
|
|
10
10
|
columns ||= false
|
|
11
|
+
square_icons ||= false
|
|
11
12
|
|
|
12
13
|
brand ||= false
|
|
13
14
|
brand_helper = GovukPublishingComponents::AppHelpers::BrandHelper.new(brand)
|
|
@@ -15,6 +16,8 @@
|
|
|
15
16
|
classes = %w(gem-c-share-links govuk-!-display-none-print)
|
|
16
17
|
classes << "gem-c-share-links--stacked" if stacked
|
|
17
18
|
classes << "gem-c-share-links--columns" if columns
|
|
19
|
+
classes << "gem-c-share-links--square-icons" if square_icons
|
|
20
|
+
|
|
18
21
|
classes << brand_helper.brand_class
|
|
19
22
|
|
|
20
23
|
data_attributes ||= {}
|
|
@@ -110,7 +113,7 @@
|
|
|
110
113
|
<path fill="currentColor" d="M36.92,0A36.92,36.92,0,1,0,73.84,36.92,36.92,36.92,0,0,0,36.92,0ZM56.3,48.27a1.42,1.42,0,0,1-1.42,1.42h-19v9.18l-9.18-9.18H19a1.43,1.43,0,0,1-1.43-1.43V20.52A1.43,1.43,0,0,1,19,19.09H54.88a1.43,1.43,0,0,1,1.42,1.42Z"/>
|
|
111
114
|
</svg>
|
|
112
115
|
<% end %>
|
|
113
|
-
</span><%= link_text %><% end %>
|
|
116
|
+
</span><%= tag.span(class: "gem-c-share-links__label") do %><%= link_text %><% end %><% end %>
|
|
114
117
|
</li>
|
|
115
118
|
<% end %>
|
|
116
119
|
</ul>
|
|
@@ -256,3 +256,39 @@ examples:
|
|
|
256
256
|
icon: 'youtube'
|
|
257
257
|
}
|
|
258
258
|
]
|
|
259
|
+
with_square_icons:
|
|
260
|
+
data:
|
|
261
|
+
square_icons: true
|
|
262
|
+
columns: true
|
|
263
|
+
links: [
|
|
264
|
+
{
|
|
265
|
+
href: '/twitter-share-link',
|
|
266
|
+
text: 'Twitter',
|
|
267
|
+
icon: 'twitter'
|
|
268
|
+
},
|
|
269
|
+
{
|
|
270
|
+
href: '/instagram-share-link',
|
|
271
|
+
text: 'Instagram',
|
|
272
|
+
icon: 'instagram'
|
|
273
|
+
},
|
|
274
|
+
{
|
|
275
|
+
href: '/flickr-share-link',
|
|
276
|
+
text: 'Flickr',
|
|
277
|
+
icon: 'flickr'
|
|
278
|
+
},
|
|
279
|
+
{
|
|
280
|
+
href: '/facebook-share-link',
|
|
281
|
+
text: 'Facebook',
|
|
282
|
+
icon: 'facebook'
|
|
283
|
+
},
|
|
284
|
+
{
|
|
285
|
+
href: '/youtube-share-link',
|
|
286
|
+
text: 'YouTube',
|
|
287
|
+
icon: 'youtube'
|
|
288
|
+
},
|
|
289
|
+
{
|
|
290
|
+
href: '/other-share-link',
|
|
291
|
+
text: 'Anything else that might be included that could have quite a long name',
|
|
292
|
+
icon: 'other'
|
|
293
|
+
},
|
|
294
|
+
]
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: govuk_publishing_components
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 44.
|
|
4
|
+
version: 44.3.0
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- GOV.UK Dev
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2024-10-
|
|
11
|
+
date: 2024-10-14 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: govuk_app_config
|