consul/nairobi
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #4101 from consul/dependabot/bundler/social-share-button-1.2.3

Browse Source 
Bump social-share-button from 1.1.0 to 1.2.3
This commit is contained in:
Javi Martín
2021-02-08 17:00:06 +01:00
committed by GitHub
parent 63820fb59f aed38aa3cf
commit 2bca1eccbf
15 changed files with 149 additions and 201 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
Gemfile
View File

@@ -53,7 +53,7 @@ gem "rollbar", "~> 3.0.1"
gem "sassc-rails", "~> 2.1.2"
gem "savon", "~> 2.12.1"
gem "sitemap_generator", "~> 6.1.2"
gem "social-share-button", "~> 1.1"
gem "social-share-button", "~> 1.2.3"
gem "sprockets", "~> 3.7.2"
gem "translator-text", "~> 0.1.0"
gem "turbolinks", "~> 5.2.1"

4
Gemfile.lock
View File

@@ -557,7 +557,7 @@ GEM
sitemap_generator (6.1.2)
builder (~> 3.0)
smart_properties (1.15.0)
social-share-button (1.1.0)
social-share-button (1.2.3)
coffee-rails
socksify (1.7.1)
spring (2.1.1)
@@ -724,7 +724,7 @@ DEPENDENCIES
scss_lint (~> 0.59.0)
selenium-webdriver (~> 3.142)
sitemap_generator (~> 6.1.2)
social-share-button (~> 1.1)
social-share-button (~> 1.2.3)
spring (~> 2.1.1)
spring-commands-rspec (~> 1.0.4)
sprockets (~> 3.7.2)

2
app/assets/javascripts/social_share.js
View File

@@ -3,7 +3,7 @@
App.SocialShare = {
initialize: function() {
$(".social-share-button a").each(function() {
$(this).append("<span class='show-for-sr'>" + ($(this).data("site")) + "</span>");
$(this).append("<span class='show-for-sr'>" + ($(this).data("site").replace(/_app$/, "")) + "</span>");
});
},
destroy: function() {

5
app/assets/stylesheets/icons.scss
View File

@@ -186,10 +186,6 @@
font-weight: normal;
}
.icon-whatsapp::before {
content: "\f232";
}
.icon-zip::before {
content: "\f1c6";
font-weight: normal;
@@ -285,7 +281,6 @@
.icon-instagram,
.icon-telegram,
.icon-twitter,
.icon-whatsapp,
.icon-youtube {
&::before {

141
app/assets/stylesheets/layout.scss
View File

@@ -1569,17 +1569,15 @@ table {
}
}
.ssb-twitter {
background: #45b0e3;
background-image: none !important;
.social-share-button .ssb-icon {
background-image: none;
color: #fff;
height: $line-height * 2 !important;
height: $icon-width;
position: relative;
width: $line-height * 2 !important;
width: $icon-width;
&::before {
content: "f";
font-family: "icons" !important;
font-family: "icons";
font-size: rem-calc(24);
left: 50%;
line-height: $line-height * 2;
@@ -1591,6 +1589,18 @@ table {
&:hover,
&:focus {
background: #fff;
}
}
.ssb-twitter {
background: #45b0e3;
&::before {
content: "f";
}
&:hover,
&:focus {
color: #40a2d1;
}
}
@@ -1607,26 +1617,13 @@ table {
.ssb-facebook {
background: #3b5998;
background-image: none !important;
color: #fff;
height: rem-calc(48) !important;
position: relative;
width: rem-calc(48) !important;
&::before {
content: "A";
font-family: "icons" !important;
font-size: rem-calc(24);
left: 50%;
line-height: $line-height * 2;
margin-left: rem-calc(-11);
position: absolute;
top: 0;
}
&:hover,
&:focus {
background: #fff;
color: #354f88;
}
}
@@ -1663,34 +1660,35 @@ table {
.ssb-telegram {
background: #08c;
background-image: none !important;
color: #fff;
height: $line-height * 2 !important;
position: relative;
width: $line-height * 2 !important;
&::before {
content: "1";
font-family: "icons" !important;
font-size: rem-calc(24);
left: 50%;
line-height: $line-height * 2;
margin-left: rem-calc(-11);
position: absolute;
top: 0;
}
&:hover,
&:focus {
background: #fff;
color: #40a2d1;
}
}
.ssb-whatsapp_app {
background: #43d854;
&::before {
content: "P";
}
&:hover,
&:focus {
color: #43d854;
}
}
@include breakpoint(medium) {
.button.button-telegram,
.ssb-telegram {
.ssb-telegram,
.ssb-whatsapp_app {
display: none !important;
}
}
@@ -1718,81 +1716,6 @@ table {
.social-share-button {
display: inline-block;
}
.ssb-twitter {
background: #45b0e3;
color: #fff;
height: $line-height;
position: relative;
width: $line-height * 2;
&::before {
content: "f";
font-family: "icons" !important;
font-size: rem-calc(24);
left: 50%;
line-height: $line-height * 2;
margin-left: rem-calc(-11);
position: absolute;
top: 0;
}
&:hover,
&:focus {
background: #fff;
color: #40a2d1;
}
}
.ssb-facebook {
background: #3b5998;
color: #fff;
height: rem-calc(24);
position: relative;
width: rem-calc(48);
&::before {
content: "A";
font-family: "icons" !important;
font-size: rem-calc(24);
left: 50%;
line-height: $line-height * 2;
margin-left: rem-calc(-11);
position: absolute;
top: 0;
}
&:hover,
&:focus {
background: #fff;
color: #354f88;
}
}
.ssb-telegram {
background: #08c;
color: #fff;
height: $line-height;
position: relative;
width: $line-height * 2;
&::before {
content: "1";
font-family: "icons" !important;
font-size: rem-calc(24);
left: 50%;
line-height: $line-height * 2;
margin-left: rem-calc(-11);
position: absolute;
top: 0;
}
&:hover,
&:focus {
background: #fff;
color: #40a2d1;
}
}
}
// 13. Pages

34
app/assets/stylesheets/participation.scss
View File

@@ -355,18 +355,6 @@
display: inline;
}
.whatsapp::before {
background-color: #43d854;
color: #fff;
display: inline-block;
font-size: rem-calc(30);
height: rem-calc(48);
padding-top: rem-calc(9);
text-align: center;
vertical-align: top;
width: rem-calc(48);
}
.debate-info,
.proposal-info,
.investment-project-info,
@@ -1126,12 +1114,10 @@
.share-supported {
.ssb-twitter,
.ssb-facebook {
.social-share-button .ssb-icon {
background: none;
color: $text;
height: rem-calc(33) !important;
height: rem-calc(33);
&::before {
font-size: rem-calc(18);
@@ -1238,22 +1224,6 @@
margin-bottom: rem-calc(3);
text-decoration: none;
}
.social-share-button a {
color: #fff;
&.social-share-button-twitter:hover {
color: #40a2d1;
}
&.social-share-button-facebook:hover {
color: #354f88;
}
&.social-share-button-telegram:hover {
color: #ce3e26;
}
}
}
.groups-and-headings {

2
app/views/proposals/share.html.erb
View File

@@ -10,7 +10,6 @@
<% end %>
<% cache [locale_and_user_status(@proposal), @proposal, @proposal.author, Flag.flagged?(current_user, @proposal), @proposal_votes] do %>
<div class="proposal-show">
<div id="<%= dom_id(@proposal) %>" class="row">
<div class="small-12 medium-8 column">
@@ -53,5 +52,4 @@
</div>
</div>
</div>
</div>
<% end %>

10
app/views/shared/_social_share.html.erb
View File

@@ -1,7 +1,5 @@
<% description = local_assigns.fetch(:description, "") %>
<% description = truncate(ActionView::Base.full_sanitizer.sanitize(description), length: 140) %>
<% mobile = local_assigns[:mobile] %>
<% mobile_url = mobile.present? ? "#{mobile.gsub(/\s+/, "%20")}%20" : "" %>
<% if local_assigns[:share_title].present? %>
<div id="social-share" class="sidebar-divider"></div>
@@ -13,10 +11,6 @@
image: local_assigns.fetch(:image_url, ""),
desc: description,
"data-twitter-title": local_assigns[:mobile],
"data-telegram-title": local_assigns[:mobile]) %>
<a href="whatsapp://send?text=<%= mobile_url %><%= url %>"
class="show-for-small-only" data-action="share/whatsapp/share">
<span class="icon-whatsapp whatsapp"></span>
<span class="show-for-sr"><%= t("social.whatsapp") %></span>
</a>
"data-telegram-title": local_assigns[:mobile],
"data-whatsapp_app-title": local_assigns[:mobile]) %>
</div>

2
config/initializers/social_share_button.rb
View File

@@ -1,3 +1,3 @@
SocialShareButton.configure do |config|
config.allow_sites = %w[twitter facebook telegram]
config.allow_sites = %w[twitter facebook telegram whatsapp_app]
end

1
config/locales/en/general.yml
View File

@@ -784,7 +784,6 @@ en:
facebook: "%{org} Facebook"
twitter: "%{org} Twitter"
youtube: "%{org} YouTube"
whatsapp: WhatsApp
telegram: "%{org} Telegram"
instagram: "%{org} Instagram"
stats:

1
config/locales/en/social_share_button.yml
View File

@@ -17,3 +17,4 @@ en:
pinterest: "Pinterest"
email: "Email"
telegram: "Telegram"
whatsapp_app: "WhatsApp"

1
config/locales/es/general.yml
View File

@@ -784,7 +784,6 @@ es:
facebook: "Facebook de %{org}"
twitter: "Twitter de %{org}"
youtube: "YouTube de %{org}"
whatsapp: WhatsApp
telegram: "Telegram de %{org}"
instagram: "Instagram de %{org}"
stats:

1
config/locales/es/social_share_button.yml
View File

@@ -17,3 +17,4 @@ es:
pinterest: "Pinterest"
email: "Correo electrónico"
telegram: "Telegram"
whatsapp_app: "WhatsApp"

36
spec/system/debates_spec.rb
View File

@@ -93,9 +93,43 @@ describe "Debates" do
expect(page).to have_content I18n.l(debate.created_at.to_date)
expect(page).to have_selector(avatar(debate.author.name))
expect(page.html).to include "<title>#{debate.title}</title>"
end
describe "Social share buttons", :js do
context "On desktop browsers" do
scenario "Shows links to share on facebook and twitter" do
visit debate_path(create(:debate))
within(".social-share-button") do
expect(page.all("a").count).to be(3) # Twitter, Facebook, Telegram
expect(page.all("a").count).to be(2)
expect(page).to have_link "Share to Facebook"
expect(page).to have_link "Share to Twitter"
end
end
end
context "On small devices" do
let!(:window_size) { Capybara.current_window.size }
before do
Capybara.current_window.resize_to(639, 479)
end
after do
Capybara.current_window.resize_to(*window_size)
end
scenario "Shows links to share on telegram and whatsapp too" do
visit debate_path(create(:debate))
within(".social-share-button") do
expect(page.all("a").count).to be(4)
expect(page).to have_link "Share to Facebook"
expect(page).to have_link "Share to Twitter"
expect(page).to have_link "Share to Telegram"
expect(page).to have_link "Share to WhatsApp"
end
end
end
end

36
spec/system/proposals_spec.rb
View File

@@ -138,9 +138,43 @@ describe "Proposals" do
expect(page.html).to include "<title>#{proposal.title}</title>"
expect(page).not_to have_selector ".js-flag-actions"
expect(page).not_to have_selector ".js-follow"
end
describe "Social share buttons", :js do
context "On desktop browsers" do
scenario "Shows links to share on facebook and twitter" do
visit proposal_path(create(:proposal))
within(".social-share-button") do
expect(page.all("a").count).to be(3) # Twitter, Facebook, Telegram
expect(page.all("a").count).to be(2)
expect(page).to have_link "Share to Facebook"
expect(page).to have_link "Share to Twitter"
end
end
end
context "On small devices" do
let!(:window_size) { Capybara.current_window.size }
before do
Capybara.current_window.resize_to(639, 479)
end
after do
Capybara.current_window.resize_to(*window_size)
end
scenario "Shows links to share on telegram and whatsapp too" do
visit proposal_path(create(:proposal))
within(".social-share-button") do
expect(page.all("a").count).to be(4)
expect(page).to have_link "Share to Facebook"
expect(page).to have_link "Share to Twitter"
expect(page).to have_link "Share to Telegram"
expect(page).to have_link "Share to WhatsApp"
end
end
end
end