Commit 02d216bcd28de6c9960b29a4cb02a7f74aa26422
1 parent
5adb8201
Exists in
master
and in
8 other branches
Small improvmenets on article-bar
Showing
3 changed files
with
11 additions
and
4 deletions
Show diff stats
src/app/components/programa/programa.scss
| @@ -8,6 +8,7 @@ $darken: 15%; | @@ -8,6 +8,7 @@ $darken: 15%; | ||
| 8 | .program-box { | 8 | .program-box { |
| 9 | cursor: pointer; | 9 | cursor: pointer; |
| 10 | background-color: #fff; | 10 | background-color: #fff; |
| 11 | + margin-top: $program-box-space; | ||
| 11 | margin-bottom: $program-box-space; | 12 | margin-bottom: $program-box-space; |
| 12 | 13 | ||
| 13 | .contraste & { | 14 | .contraste & { |
src/app/partials/programas/programa.html
| @@ -3,20 +3,20 @@ | @@ -3,20 +3,20 @@ | ||
| 3 | <div class="article-bar" ng-class="programa.program.categories[0].slug"> | 3 | <div class="article-bar" ng-class="programa.program.categories[0].slug"> |
| 4 | <div class="navbar"> | 4 | <div class="navbar"> |
| 5 | <div class="navbar-header"> | 5 | <div class="navbar-header"> |
| 6 | - <button class="btn btn-link" ng-click="programa.goBack()"> | 6 | + <button class="article-bar--item btn btn-link" ng-click="programa.goBack()"> |
| 7 | <!-- <span class="glyphicon glyphicon-share-alt" aria-hidden="true"></span> --> | 7 | <!-- <span class="glyphicon glyphicon-share-alt" aria-hidden="true"></span> --> |
| 8 | <span class="glyphicon glyphicon-arrow-left" aria-hidden="true"></span> | 8 | <span class="glyphicon glyphicon-arrow-left" aria-hidden="true"></span> |
| 9 | Voltar | 9 | Voltar |
| 10 | </button> | 10 | </button> |
| 11 | </div> | 11 | </div> |
| 12 | <div class="navbar-left"> | 12 | <div class="navbar-left"> |
| 13 | - <button class="btn btn-link"> | 13 | + <button class="article-bar--item btn btn-link"> |
| 14 | <span class="glyphicon glyphicon-refresh"></span> | 14 | <span class="glyphicon glyphicon-refresh"></span> |
| 15 | <span class="category-name">{{::programa.program.categories[0].name}}</span> | 15 | <span class="category-name">{{::programa.program.categories[0].name}}</span> |
| 16 | </button> | 16 | </button> |
| 17 | </div> | 17 | </div> |
| 18 | <div class="navbar-right"> | 18 | <div class="navbar-right"> |
| 19 | - <select name="selectCategory" id="selectCategory-{{::programa.program.categories[0].id}}" class="form-control"> | 19 | + <select name="selectCategory" id="selectCategory-{{::programa.program.categories[0].id}}" class="article-bar--item form-control"> |
| 20 | <option value="">-- Selectione um Tema --</option> | 20 | <option value="">-- Selectione um Tema --</option> |
| 21 | </select> | 21 | </select> |
| 22 | </div> | 22 | </div> |
src/app/partials/programas/programas.scss
| 1 | .article-bar { | 1 | .article-bar { |
| 2 | - | 2 | + |
| 3 | .btn { | 3 | .btn { |
| 4 | color: #fff; | 4 | color: #fff; |
| 5 | font-weight: bold; | 5 | font-weight: bold; |
| 6 | } | 6 | } |
| 7 | + | ||
| 8 | + &--item { | ||
| 9 | + margin: 8px 0; | ||
| 10 | + } | ||
| 11 | + | ||
| 12 | + | ||
| 7 | 13 | ||
| 8 | @each $category, $color in $categories { | 14 | @each $category, $color in $categories { |
| 9 | &.#{$category} { | 15 | &.#{$category} { |