From 4f8866b836c428744f592f637ea79aeb4aee17fe Mon Sep 17 00:00:00 2001
From: Leonardo Merlin <leonardo.merlin@serpro.gov.br>
Date: Mon, 11 Jan 2016 09:44:50 -0200
Subject: [PATCH] Hide whatsapp icon when device has 'no-touch' html class

---
 src/app/components/social-share/social-share.html |  8 ++++----
 src/app/components/social-share/social-share.scss | 13 +++++++++++++
 2 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/src/app/components/social-share/social-share.html b/src/app/components/social-share/social-share.html
index 9716c0c..b4ca4be 100644
--- a/src/app/components/social-share/social-share.html
+++ b/src/app/components/social-share/social-share.html
@@ -2,7 +2,7 @@
   <div ng-class="vm.arrowClass"></div>
 </div>
 <ul class="social-share list-inline">
-  <li>
+  <li class="social-share--item-facebook">
     <a href="#" role="button"
       socialshare
       socialshare-provider="facebook"
@@ -17,7 +17,7 @@
       <span class="sr-only">Compartilhar no Facebook</span>
     </a>
   </li>
-  <li>
+  <li class="social-share--item-twitter">
     <a href="#" role="button"
       socialshare
       socialshare-provider="twitter"
@@ -29,7 +29,7 @@
       <span class="sr-only">Compartilhar no Twitter</span>
     </a>
   </li>
-  <li>
+  <li class="social-share--item-google">
     <a href="#" role="button"
       socialshare
       socialshare-provider="google+"
@@ -40,7 +40,7 @@
       <span class="sr-only">Compartilhar no Google Plus</span>
     </a>
   </li>
-  <li>
+  <li class="social-share--item-whatsapp">
     <a href="whatsapp://send?text=Dialoga Brasil - {{vm.socialUrl}}" title="Compartilhar no WhatsApp">
       <span aria-hidden="true" class="icon-circle icon-small icon-circle-social-whatsapp"><span class="icon icon-social-whatsapp"></span></span>
       <span class="sr-only">Compartilhar no WhatsApp</span>
diff --git a/src/app/components/social-share/social-share.scss b/src/app/components/social-share/social-share.scss
index afe92f1..4be61e3 100644
--- a/src/app/components/social-share/social-share.scss
+++ b/src/app/components/social-share/social-share.scss
@@ -45,8 +45,21 @@
             &:last-child { margin-right: 0;}
         }
     }
+
+    // Hide whatsapp when is not a mobile device
+    // > For this, we can test if 'no-touch' class is present at root html tag.
+    .no-touch & { // ->> .no-touch .social-share
+        min-width: 160px;
+
+        .social-share--item-whatsapp {
+            display: none;
+        }
+    }
 }
 
+
+
+
 .social-share--arrow {
     position: absolute;
     width: 0;
--
libgit2 0.21.2