diff --git a/Gemfile b/Gemfile index 573192fa8..cbe3d1ece 100644 --- a/Gemfile +++ b/Gemfile @@ -59,6 +59,9 @@ gem 'tolk' # Web interface for translations gem 'browser' gem 'turnout' gem 'redcarpet' + +gem 'font-awesome-sass', '~> 4.5.0' # icons + group :development, :test do # Call 'byebug' anywhere in the code to stop execution and get a debugger console gem 'byebug' diff --git a/Gemfile.lock b/Gemfile.lock index fab1252d1..7726d1248 100644 --- a/Gemfile.lock +++ b/Gemfile.lock @@ -163,6 +163,8 @@ GEM i18n (~> 0.5) faraday (0.9.2) multipart-post (>= 1.2, < 3) + font-awesome-sass (4.5.0) + sass (>= 3.2) foundation-rails (6.2.0.1) railties (>= 3.1.0) sass (>= 3.3.0, < 3.5) @@ -457,6 +459,7 @@ DEPENDENCIES email_spec factory_girl_rails faker + font-awesome-sass (~> 4.5.0) foundation-rails foundation_rails_helper fuubar diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss index 822e4cd4c..445af82fb 100644 --- a/app/assets/stylesheets/application.scss +++ b/app/assets/stylesheets/application.scss @@ -11,4 +11,6 @@ @import "annotator.min"; @import "annotator_overrides"; @import "jquery-ui/datepicker"; -@import "datepicker_overrides"; \ No newline at end of file +@import "datepicker_overrides"; +@import "font-awesome-sprockets"; +@import "font-awesome"; diff --git a/app/assets/stylesheets/participation.scss b/app/assets/stylesheets/participation.scss index 182c52863..72b8c44e2 100644 --- a/app/assets/stylesheets/participation.scss +++ b/app/assets/stylesheets/participation.scss @@ -337,6 +337,18 @@ .debate-show, .proposal-show { + .social-share-button{ + display:inline; + } + + .whatsapp{ + margin-left: 0.5px; + color: white; + vertical-align: top; + background-color: #43d854; + padding: 7px 9.5px 7px 9.5px; + } + .edit-debate, .edit-proposal { margin-bottom: 0; } diff --git a/app/views/debates/show.html.erb b/app/views/debates/show.html.erb index eb3f5bbc0..935a785b0 100644 --- a/app/views/debates/show.html.erb +++ b/app/views/debates/show.html.erb @@ -54,8 +54,13 @@