Share links updates

diff --git a/app/festival/static/css/index.css b/app/festival/static/css/index.css
index 443cee3b8fc73a43324c09768133b3e08fd15e9b..4670b714efb9ea241be294947921c8705f0ac9c8 100755 (executable)
--- a/app/festival/static/css/index.css
+++ b/app/festival/static/css/index.css
@@ -1375,39 +1375,6 @@ button:disabled {
   cursor: text;
 }
 
-/* line 139, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */
-.share__button {
-  display: block;
-  text-align: center;
-  margin: 2rem auto;
-}
-
-/* line 145, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */
-.btn-twitter {
-  background: #55acee;
-  color: white;
-  border-color: #2795e9;
-  margin: 0 1rem;
-}
-
-/* line 150, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */
-.btn-twitter:hover {
-  background-color: #2795e9;
-}
-
-/* line 155, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */
-.btn-facebook {
-  background: #3b5998;
-  color: white;
-  border-color: #2d4373;
-  margin: 0 1rem;
-}
-
-/* line 160, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */
-.btn-facebook:hover {
-  background-color: #2d4373;
-}
-
 /**
  * Core styles
  */
@@ -3331,6 +3298,47 @@ th {
   color: white;
 }
 
+/* line 2, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/share-links.scss */
+.share__links {
+  display: block;
+  text-align: left;
+  margin: 2rem auto;
+  padding: .3rem 0;
+  border-top: 1px solid white;
+  border-bottom: 1px solid white;
+  list-style: none;
+}
+
+/* line 12, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/share-links.scss */
+.share__link__item {
+  text-transform: uppercase;
+  margin-right: 1rem;
+}
+
+/* line 17, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/share-links.scss */
+.btn-twitter {
+  background: #55acee;
+  color: white;
+  border-color: #2795e9;
+}
+
+/* line 22, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/share-links.scss */
+.btn-twitter:hover {
+  background-color: #2795e9;
+}
+
+/* line 27, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/share-links.scss */
+.btn-facebook {
+  background: #3b5998;
+  color: white;
+  border-color: #2d4373;
+}
+
+/* line 32, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/share-links.scss */
+.btn-facebook:hover {
+  background-color: #2d4373;
+}
+
 /* line 1, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/calendar.scss */
 .calendar__month {
   width: 100%;

diff --git a/app/festival/static/scss/base/_buttons.scss b/app/festival/static/scss/base/_buttons.scss
index e8c7b15c8a4e1a4499ac462f2ce972daf772755d..1cf4a19d458fe619fd13301732f0a7957b4f24b6 100755 (executable)
--- a/app/festival/static/scss/base/_buttons.scss
+++ b/app/festival/static/scss/base/_buttons.scss
@@ -133,31 +133,4 @@
 .btn-disabled:focus{
     opacity: 0.4;
     cursor:text;
-}
-
-// Social buttons
-.share__button {
-  display: block;
-  text-align: center;
-  margin: 2rem auto;
-}
-
-.btn-twitter {
-  background: $color-twitter;
-  color: white;
-  border-color: darken($color-twitter , 10);
-  margin: 0 1rem;
-  &:hover {
-    background-color: darken($color-twitter , 10);
-  }
-}
-
-.btn-facebook {
-  background: $color-facebook;
-  color: white;
-  border-color: darken($color-facebook , 10);
-  margin: 0 1rem;
-  &:hover {
-    background-color: darken($color-facebook , 10);
-  }
-}
+}
\ No newline at end of file

diff --git a/app/festival/static/scss/index.scss b/app/festival/static/scss/index.scss
index 0acc198929d74925faec2949de8ba16ab4c42595..d630d2f201c8af403b028859fffeec3322d1936c 100755 (executable)
--- a/app/festival/static/scss/index.scss
+++ b/app/festival/static/scss/index.scss
@@ -79,5 +79,6 @@
         'modules/icons',
         'modules/bk-news',
         'modules/hero-slider',
+        'modules/share-links',
         'modules/calendar',
         'modules/user';
\ No newline at end of file

diff --git a/app/templates/includes/share_buttons.html b/app/templates/includes/share_buttons.html
index 38ae510565c44d1acd65dfa3c077f8cce13801d8..03177a4e9312ba937c571e1416a8bc9000cc88e8 100644 (file)
--- a/app/templates/includes/share_buttons.html
+++ b/app/templates/includes/share_buttons.html
@@ -1,8 +1,8 @@
 {% load i18n %}
 
-<div class="share__button">
-    <a class="btn btn-facebook" target="_blank" href="http://facebook.com/sharer.php?u={{ request.build_absolute_uri }}&amp;t={{ object.title|urlencode }}">{% trans "Share on Facebook" %}</a>
-    <a class="btn btn-twitter" target="_blank" href="http://twitter.com/home?status={{ object.title|urlencode }}%20{{ request.build_absolute_uri }}">{% trans "Share on Twitter" %}</a>
-    <a class="btn btn-email" href="mailto:?subject={{ object.title }}&amp;body={{ request.build_absolute_uri }}">{% trans "Share by email" %}</a>
-    <a class="btn btn-print" href="javascript:window.print()">{% trans "Print this page" %}</a>
-</div>
+<ul class="share__links list-inline">
+    <li> <a class="share__link__item  share-facebook" target="_blank" href="http://facebook.com/sharer.php?u={{ request.build_absolute_uri }}&amp;t={{ object.title|urlencode }}">{% trans "Share on Facebook" %}</a> </li>
+    <li> <a class="share__link__item  share-twitter" target="_blank" href="http://twitter.com/home?status={{ object.title|urlencode }}%20{{ request.build_absolute_uri }}">{% trans "Share on Twitter" %}</a> </li>
+    <li> <a class="share__link__item  share-email" href="mailto:?subject={{ object.title }}&amp;body={{ request.build_absolute_uri }}">{% trans "Share by email" %}</a> </li>
+    <li> <a class="share__link__item  share-print" href="javascript:window.print()">{% trans "Print this page" %}</a> </li>
+</ul>