Share links update, again

diff --git a/app/festival/static/css/index.css b/app/festival/static/css/index.css
index 4670b714efb9ea241be294947921c8705f0ac9c8..416e66cb8a21b3ed9288d00ded8511b8994024af 100755 (executable)
--- a/app/festival/static/css/index.css
+++ b/app/festival/static/css/index.css
@@ -3198,6 +3198,11 @@ th {
   content: "";
 }
 
+/* line 84, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/icons.scss */
+.icon__print:before {
+  content: "";
+}
+
 /* line 103, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/icons.scss */
 .icon__pencil:before {
   content: "";
@@ -3219,6 +3224,11 @@ th {
   content: "";
 }
 
+/* line 258, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/icons.scss */
+.icon__envelope:before {
+  content: "";
+}
+
 /* line 5, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/bk-news.scss */
 .bk__news {
   display: block;
@@ -3304,8 +3314,8 @@ th {
   text-align: left;
   margin: 2rem auto;
   padding: .3rem 0;
-  border-top: 1px solid white;
-  border-bottom: 1px solid white;
+  border-top: 1px solid #9f7f3c;
+  border-bottom: 1px solid #9f7f3c;
   list-style: none;
 }
 
@@ -3315,26 +3325,33 @@ th {
   margin-right: 1rem;
 }
 
-/* line 17, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/share-links.scss */
+/* line 15, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/share-links.scss */
+.share__link__item .icon {
+  color: #9f7f3c;
+  font-size: 1.1rem;
+  margin-right: .4rem;
+}
+
+/* line 22, /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 */
+/* line 27, /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 */
+/* line 32, /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 */
+/* line 37, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/share-links.scss */
 .btn-facebook:hover {
   background-color: #2d4373;
 }

diff --git a/app/festival/static/scss/modules/icons.scss b/app/festival/static/scss/modules/icons.scss
index 98baf0c8d26477441abaf37dc464288c57fe9bff..6b06f65184b1d039a5b8c1206824095b391644c4 100755 (executable)
--- a/app/festival/static/scss/modules/icons.scss
+++ b/app/festival/static/scss/modules/icons.scss
@@ -81,7 +81,7 @@
 // .icon__tags:before { content: $fa-var-tags; }
 // .icon__book:before { content: $fa-var-book; }
 .icon__bookmark:before { content: $fa-var-bookmark; }
-// .icon__print:before { content: $fa-var-print; }
+.icon__print:before { content: $fa-var-print; }
 // .icon__camera:before { content: $fa-var-camera; }
 // .icon__font:before { content: $fa-var-font; }
 // .icon__bold:before { content: $fa-var-bold; }
@@ -255,7 +255,7 @@
 // .icon__sort-desc:before { content: $fa-var-sort-desc; }
 // .icon__sort-up:before,
 // .icon__sort-asc:before { content: $fa-var-sort-asc; }
-// .icon__envelope:before { content: $fa-var-envelope; }
+.icon__envelope:before { content: $fa-var-envelope; }
 // .icon__linkedin:before { content: $fa-var-linkedin; }
 // .icon__rotate-left:before,
 // .icon__undo:before { content: $fa-var-undo; }

diff --git a/app/templates/includes/share_buttons.html b/app/templates/includes/share_buttons.html
index 03177a4e9312ba937c571e1416a8bc9000cc88e8..81d1856c6b6f6fd8142dc4405ba918c0324599c3 100644 (file)
--- a/app/templates/includes/share_buttons.html
+++ b/app/templates/includes/share_buttons.html
@@ -1,8 +1,16 @@
 {% load i18n %}
 
 <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>
+    <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 }}"><i class="icon icon__facebook"></i> {% 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 }}"><i class="icon icon__twitter"></i>  {% 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 }}"> <i class="icon icon__envelope"></i> {% trans "Share by email" %}</a>
+    </li>
+    <li>
+        <a class="share__link__item  share-print" href="javascript:window.print()"><i class="icon icon__print"></i> {% trans "Print this page" %}</a>
+    </li>
 </ul>