Commit 85dec59cb1d257d460d2952cee7840367ef99e1b
1 parent
25e3c3de
Exists in
master
and in
6 other branches
add shareicons
Showing
16 changed files
with
56 additions
and
2 deletions
Show diff stats
.gitignore
| @@ -18,4 +18,7 @@ novo.css | @@ -18,4 +18,7 @@ novo.css | ||
| 18 | novo.html | 18 | novo.html |
| 19 | sass/novo.scss | 19 | sass/novo.scss |
| 20 | sass/novo | 20 | sass/novo |
| 21 | -.bundle | ||
| 22 | \ No newline at end of file | 21 | \ No newline at end of file |
| 22 | +.bundle | ||
| 23 | +proposal_detail/ | ||
| 24 | +slick-theme.css | ||
| 25 | +slick.css | ||
| 23 | \ No newline at end of file | 26 | \ No newline at end of file |
1.48 KB
15.2 KB
1.52 KB
1.73 KB
15.5 KB
1.93 KB
1.79 KB
15.4 KB
1.72 KB
2.04 KB
15.7 KB
2.17 KB
index.html
| @@ -96,7 +96,12 @@ | @@ -96,7 +96,12 @@ | ||
| 96 | <h1><a href="#">{{article.title}}</a></h1> | 96 | <h1><a href="#">{{article.title}}</a></h1> |
| 97 | <a id="display-contrast" href="#">Alto Contraste</a> | 97 | <a id="display-contrast" href="#">Alto Contraste</a> |
| 98 | <div class="social"> | 98 | <div class="social"> |
| 99 | - <a href="#" class="fb-share" data-description="Aqui suas ideias viram propostas e você ajuda a melhorar as ações do governo">Compartilhar</a> | 99 | + <ul> |
| 100 | + <li><a href="#" class="fb-share icon icon-facebook" data-description="Aqui suas ideias viram propostas e você ajuda a melhorar as ações do governo">Compartilhar no Facebook</a></li> | ||
| 101 | + <li><a class="tw-share disabled icon icon-twitter">Compartilhar no Twitter</a></li> | ||
| 102 | + <li><a class="gp-share disabled icon icon-gplus">Compartilhar no Google Plus</a></li> | ||
| 103 | + <li><a class="ws-share disabled icon icon-whatsapp">Compartilhar no WhatsApp</a></li> | ||
| 104 | + </ul> | ||
| 100 | </div> | 105 | </div> |
| 101 | </header> | 106 | </header> |
| 102 | 107 |
| @@ -0,0 +1,45 @@ | @@ -0,0 +1,45 @@ | ||
| 1 | +.social { | ||
| 2 | + margin-top: 45px; | ||
| 3 | + position: relative; | ||
| 4 | + z-index: 1; | ||
| 5 | + ul { | ||
| 6 | + list-style: none; | ||
| 7 | + padding-left: 0; | ||
| 8 | + } | ||
| 9 | + li { | ||
| 10 | + display: inline-block; | ||
| 11 | + padding: 0 2px; | ||
| 12 | + } | ||
| 13 | + .icon { | ||
| 14 | + background-repeat: no-repeat; | ||
| 15 | + background-position: 50%; | ||
| 16 | + display: inline-block; | ||
| 17 | + height: 36px; | ||
| 18 | + text-indent: -999999px; | ||
| 19 | + width: 36px; | ||
| 20 | + &-facebook { | ||
| 21 | + background-image: url(images/icons/icon-facebook.png); | ||
| 22 | + &.disabled { | ||
| 23 | + background-image: url(images/icons/icon-facebook-disabled.png); | ||
| 24 | + } | ||
| 25 | + } | ||
| 26 | + &-twitter { | ||
| 27 | + background-image: url(images/icons/icon-twitter.png); | ||
| 28 | + &.disabled { | ||
| 29 | + background-image: url(images/icons/icon-twitter-disabled.png); | ||
| 30 | + } | ||
| 31 | + } | ||
| 32 | + &-gplus { | ||
| 33 | + background-image: url(images/icons/icon-gplus.png); | ||
| 34 | + &.disabled { | ||
| 35 | + background-image: url(images/icons/icon-gplus-disabled.png); | ||
| 36 | + } | ||
| 37 | + } | ||
| 38 | + &-whatsapp { | ||
| 39 | + background-image: url(images/icons/icon-whatsapp.png); | ||
| 40 | + &.disabled { | ||
| 41 | + background-image: url(images/icons/icon-whatsapp-disabled.png); | ||
| 42 | + } | ||
| 43 | + } | ||
| 44 | + } | ||
| 45 | +} | ||
| 0 | \ No newline at end of file | 46 | \ No newline at end of file |
sass/style.scss
| @@ -10,6 +10,7 @@ | @@ -10,6 +10,7 @@ | ||
| 10 | @import 'accessibility'; | 10 | @import 'accessibility'; |
| 11 | @import 'slick'; | 11 | @import 'slick'; |
| 12 | @import 'slick-theme'; | 12 | @import 'slick-theme'; |
| 13 | +@import 'share'; | ||
| 13 | 14 | ||
| 14 | @import 'proposal_detail/proposal-detail-base'; | 15 | @import 'proposal_detail/proposal-detail-base'; |
| 15 | @import 'proposal_detail/urgencia-e-emergencia'; | 16 | @import 'proposal_detail/urgencia-e-emergencia'; |