Commit bba9c1e3b92f470bb2fc38cdde5d1478ef42b91e
1 parent
5166df2b
Exists in
master
and in
4 other branches
Fixes 139. Add styles to program selection at Ranking page.
Showing
3 changed files
with
32 additions
and
8 deletions
Show diff stats
src/app/components/category-list/category-list.scss
| 1 | .category-list { | 1 | .category-list { |
| 2 | + margin-bottom: 20px; | ||
| 3 | + | ||
| 2 | &--title { | 4 | &--title { |
| 3 | color: #ffffff; | 5 | color: #ffffff; |
| 4 | font-size: 16px; | 6 | font-size: 16px; |
| @@ -9,6 +11,7 @@ | @@ -9,6 +11,7 @@ | ||
| 9 | border-top-right-radius: 5px; | 11 | border-top-right-radius: 5px; |
| 10 | overflow: hidden; | 12 | overflow: hidden; |
| 11 | cursor: pointer; | 13 | cursor: pointer; |
| 14 | + text-transform: uppercase; | ||
| 12 | } | 15 | } |
| 13 | 16 | ||
| 14 | .category-list--item { | 17 | .category-list--item { |
src/app/components/topics-select/topics-select.html
| 1 | -<div class="topics-dropdown"> | ||
| 2 | - <select | ||
| 3 | - ng-model="vm.selectedTopic" | ||
| 4 | - ng-change="vm.selectTopic()" | ||
| 5 | - ng-options="topic.title for topic in vm.topics track by topic.slug" | ||
| 6 | - class="form-control"> | ||
| 7 | - </select> | ||
| 8 | -</div> | 1 | +<div class="topics-select"> |
| 2 | + <h3 class="category-list--title"> | ||
| 3 | + Filtrar por <b>Programa</b> | ||
| 4 | + </h3> | ||
| 5 | + <div class="topics-dropdown"> | ||
| 6 | + <select | ||
| 7 | + ng-model="vm.selectedTopic" | ||
| 8 | + ng-change="vm.selectTopic()" | ||
| 9 | + ng-options="topic.title for topic in vm.topics track by topic.slug" | ||
| 10 | + class="form-control"> | ||
| 11 | + </select> | ||
| 12 | + </div> | ||
| 13 | +</div> | ||
| 9 | \ No newline at end of file | 14 | \ No newline at end of file |
| @@ -0,0 +1,16 @@ | @@ -0,0 +1,16 @@ | ||
| 1 | +.topics-select { | ||
| 2 | + margin-bottom: 15px; | ||
| 3 | + | ||
| 4 | + .topics-dropdown{ | ||
| 5 | + background: #fff; | ||
| 6 | + padding: 20px 10px; | ||
| 7 | + border-bottom-right-radius: 4px; | ||
| 8 | + border-bottom-left-radius: 4px; | ||
| 9 | + | ||
| 10 | + select { | ||
| 11 | + height: 45px; | ||
| 12 | + background: #dadada; | ||
| 13 | + border-bottom: 2px solid #999; | ||
| 14 | + } | ||
| 15 | + } | ||
| 16 | +} | ||
| 0 | \ No newline at end of file | 17 | \ No newline at end of file |