Download as
Browse Code »

Commit 6eaffc09fd212d35c592ccfc14ac47747362e468

Authored by Augusto dos Anjos Almeida
1 parent 85dec59c
Exists in master and in 6 other branches build, build2, capa, contigency_plan_recaptcha, production, staging

shareicons on votes

Showing 3 changed files with 34 additions and 20 deletions   Show diff stats
index.html
  Diff comments   View file @6eaffc0
... ... @@ -291,7 +291,13 @@
291 291 <a href="#" class="vote-result">Resultados</a>
292 292 </div>
293 293 <div class="social">
294   - <a href="#/programas/{{parent.id}}/propostas/{{id}}" class="fb-share" data-caption="{{parent.title}}" data-description="{{stripTags abstract}}">Compartilhar</a>
  294 + <span>Compartilhe esta proposta</span>
  295 + <ul>
  296 + <li><a href="#/programas/{{parent.id}}/propostas/{{id}}" class="fb-share icon icon-facebook" data-caption="{{parent.title}}" data-description="{{stripTags abstract}}">Compartilhar no Facebook</a></li>
  297 + <li><a class="tw-share disabled icon icon-twitter">Compartilhar no Twitter</a></li>
  298 + <li><a class="gp-share disabled icon icon-gplus">Compartilhar no Google Plus</a></li>
  299 + <li><a class="ws-share disabled icon icon-whatsapp">Compartilhar no WhatsApp</a></li>
  300 + </ul>
295 301 </div>
296 302 </script>
297 303  
... ...
sass/_proposal_detail.scss
  Diff comments   View file @6eaffc0
... ... @@ -457,7 +457,7 @@
457 457 color: white;
458 458 width: 60%;
459 459 border: none;
460   - margin: 0;
  460 + margin: 20px auto 0;
461 461 -webkit-border-radius: 6px;
462 462 -moz-border-radius: 6px;
463 463 border-radius: 6px;
... ... @@ -465,10 +465,10 @@
465 465 text-decoration: none;
466 466 padding: 20px 0;
467 467 display: block;
468   - position: absolute;
469   - bottom: 40px;
470   - left: 50%;
471   - margin-left: -30%;
  468 + // position: absolute;
  469 + // bottom: 40px;
  470 + // left: 50%;
  471 + // margin-left: -30%;
472 472  
473 473 transition: background-color .2s;
474 474  
... ... @@ -483,14 +483,14 @@
483 483 color: #000;
484 484 font-weight: bold;
485 485 text-decoration: none;
486   - margin: 0;
  486 + margin: 15px 0 -35px;
487 487 display: block;
488 488 width: 100%;
489 489 text-align: center;
490   - position: absolute;
491   - bottom: 10px;
  490 + // position: absolute;
  491 + // bottom: 10px;
492 492 left: 0;
493   - text-decoration: none;
  493 + text-decoration: underline;
494 494 color: $color;
495 495  
496 496 &:hover,
... ...
sass/_share.scss
  Diff comments   View file @6eaffc0
... ... @@ -2,43 +2,51 @@
2 2 margin-top: 45px;
3 3 position: relative;
4 4 z-index: 1;
  5 + span {
  6 + display: block;
  7 + margin-bottom: 10px;
  8 + }
5 9 ul {
6 10 list-style: none;
7 11 padding-left: 0;
8 12 }
9 13 li {
10 14 display: inline-block;
11   - padding: 0 2px;
  15 + padding: 0 2px !important;
12 16 }
13 17 .icon {
  18 + background-color: transparent !important;
14 19 background-repeat: no-repeat;
15   - background-position: 50%;
  20 + background-position: 50% !important;
  21 + background-size: auto !important;
16 22 display: inline-block;
17 23 height: 36px;
  24 + min-width: 0 !important;
  25 + padding: 0 !important;
18 26 text-indent: -999999px;
19 27 width: 36px;
20 28 &-facebook {
21   - background-image: url(images/icons/icon-facebook.png);
  29 + background-image: url(images/icons/icon-facebook.png) !important;
22 30 &.disabled {
23   - background-image: url(images/icons/icon-facebook-disabled.png);
  31 + background-image: url(images/icons/icon-facebook-disabled.png) !important;
24 32 }
25 33 }
26 34 &-twitter {
27   - background-image: url(images/icons/icon-twitter.png);
  35 + background-image: url(images/icons/icon-twitter.png) !important;
28 36 &.disabled {
29   - background-image: url(images/icons/icon-twitter-disabled.png);
  37 + background-image: url(images/icons/icon-twitter-disabled.png) !important;
30 38 }
31 39 }
32 40 &-gplus {
33   - background-image: url(images/icons/icon-gplus.png);
  41 + background-image: url(images/icons/icon-gplus.png) !important;
34 42 &.disabled {
35   - background-image: url(images/icons/icon-gplus-disabled.png);
  43 + background-image: url(images/icons/icon-gplus-disabled.png) !important;
36 44 }
37 45 }
38 46 &-whatsapp {
39   - background-image: url(images/icons/icon-whatsapp.png);
  47 + background-image: url(images/icons/icon-whatsapp.png) !important;
40 48 &.disabled {
41   - background-image: url(images/icons/icon-whatsapp-disabled.png);
  49 + background-image: url(images/icons/icon-whatsapp-disabled.png) !important;
42 50 }
43 51 }
44 52 }
... ...