Commit edf66f79ca5ebd66b24db5c19e4d96b458681373
1 parent
d33b21cf
Exists in
master
and in
8 other branches
Fix IE10 program-list group at home
Showing
2 changed files
with
7 additions
and
9 deletions
Show diff stats
src/app/components/programas/programas.html
1 | <div id="lista-de-programas" class="row"> | 1 | <div id="lista-de-programas" class="row"> |
2 | - <div class="col-sm-3"> | 2 | + <div class="col-sm-4"> |
3 | <div class="category-list"> | 3 | <div class="category-list"> |
4 | <nav class="navigation"> | 4 | <nav class="navigation"> |
5 | <h3 class="category-list--title"><b>Programas</b> por Tema</h3> | 5 | <h3 class="category-list--title"><b>Programas</b> por Tema</h3> |
@@ -19,7 +19,7 @@ | @@ -19,7 +19,7 @@ | ||
19 | </div> | 19 | </div> |
20 | </div> | 20 | </div> |
21 | 21 | ||
22 | - <div class="col-sm-9"> | 22 | + <div class="col-sm-8"> |
23 | <article class="program-list"> | 23 | <article class="program-list"> |
24 | <header class="header"> | 24 | <header class="header"> |
25 | <h2>Programas</h2> | 25 | <h2>Programas</h2> |
src/app/components/programas/programas.scss
@@ -13,7 +13,7 @@ | @@ -13,7 +13,7 @@ | ||
13 | } | 13 | } |
14 | 14 | ||
15 | .category-list { | 15 | .category-list { |
16 | - &--title { | 16 | + .category-list--title { |
17 | color: #ffffff; | 17 | color: #ffffff; |
18 | font-size: 16px; | 18 | font-size: 16px; |
19 | margin: 0; | 19 | margin: 0; |
@@ -25,26 +25,24 @@ | @@ -25,26 +25,24 @@ | ||
25 | } | 25 | } |
26 | 26 | ||
27 | 27 | ||
28 | - &--group { | 28 | + .category-list--group { |
29 | } | 29 | } |
30 | 30 | ||
31 | - &--item { | 31 | + .category-list--item { |
32 | position: relative; | 32 | position: relative; |
33 | text-transform: uppercase; | 33 | text-transform: uppercase; |
34 | font-weight: bold; | 34 | font-weight: bold; |
35 | padding: 0; | 35 | padding: 0; |
36 | height: 68px; | 36 | height: 68px; |
37 | - display: table-cell; | ||
38 | - vertical-align: middle; | ||
39 | } | 37 | } |
40 | 38 | ||
41 | - &--label { | 39 | + .category-list--label { |
42 | margin-left: 70px; | 40 | margin-left: 70px; |
43 | margin-right: 30px; | 41 | margin-right: 30px; |
44 | display: inline-block; | 42 | display: inline-block; |
45 | } | 43 | } |
46 | 44 | ||
47 | - &--icon-circle { | 45 | + .category-list--icon-circle { |
48 | width: 48px; | 46 | width: 48px; |
49 | height: 48px; | 47 | height: 48px; |
50 | position: absolute; | 48 | position: absolute; |