Download as
Browse Code »

Commit 018b9b655e3ddc44f8867c2fcde39b2845196a5f

Authored by Leonardo Merlin
1 parent 7adf531e
Exists in master and in 4 other branches feature-captcha, production, staging, the_glorious_return_of_piwik

Fix: align to right the share links on archived program

Showing 1 changed file with 31 additions and 14 deletions   Show diff stats
src/app/pages/programas/programas.scss
  Diff comments   View file @018b9b6
... ... @@ -11,12 +11,34 @@
11 11  
12 12 .program-preview {
13 13  
14   - .program-preview--box {
  14 + &--box {
15 15 position: relative;
16 16 background-color: #f1f1f1;
17 17 }
18 18  
19   - .program-preview--banner {
  19 + &--box--content-wrapper {
  20 + padding: 48px;
  21 + position: relative;
  22 +
  23 + }
  24 + &--archived {
  25 + .program-preview--box--content-wrapper {
  26 + text-align: right;
  27 + padding: 10px;
  28 +
  29 + @media screen and (max-width: $screen-xs) {
  30 + text-align: center;
  31 + padding-top: 50px;
  32 + }
  33 + }
  34 +
  35 + .program-preview--share {
  36 + margin-bottom: 0;
  37 + }
  38 + }
  39 +
  40 +
  41 + &--banner {
20 42 width: 100%;
21 43 height: 400px;
22 44  
... ... @@ -35,7 +57,7 @@
35 57 }
36 58 }
37 59  
38   - .program-preview--icon {
  60 + &--icon {
39 61 $icon-size: 80px;
40 62 $icon-scale: 0.7;
41 63 position: absolute;
... ... @@ -57,19 +79,14 @@
57 79 }
58 80 }
59 81  
60   - .program-preview--box--content-wrapper {
61   - padding: 48px;
62   - position: relative;
63   - }
64   -
65   - .program-preview--abstract {
  82 + &--abstract {
66 83 h2 {
67 84 margin-top: 22px; // parent.margin + this.margin = 48 + 22 = 72px;
68 85 margin-bottom: 32px;
69 86 }
70 87 }
71 88  
72   - .program-preview--abstract-details {
  89 + &--abstract-details {
73 90 p {
74 91 color: #484848;
75 92 font-size: 14px;
... ... @@ -78,7 +95,7 @@
78 95 }
79 96 }
80 97  
81   - .program-preview--share {
  98 + &--share {
82 99 margin-bottom: 20px;
83 100 position: relative;
84 101  
... ... @@ -110,8 +127,8 @@
110 127 }
111 128 }
112 129  
113   - .program-preview--share-label,
114   - .program-preview--share-directive {
  130 + &--share-label,
  131 + &--share-directive {
115 132 display: inline-block;
116 133 vertical-align: middle;
117 134 }
... ... @@ -262,7 +279,7 @@
262 279 h3 {
263 280 font-weight: bold;
264 281 }
265   -
  282 +
266 283 .sub-section-odd {background-color: #f1f1f1; }
267 284 .sub-section-even {background-color: #ffffff; }
268 285  
... ...