Commit bba9c1e3b92f470bb2fc38cdde5d1478ef42b91e

Authored by Leonardo Merlin
1 parent 5166df2b

Fixes 139. Add styles to program selection at Ranking page.

src/app/components/category-list/category-list.scss
1 1 .category-list {
  2 + margin-bottom: 20px;
  3 +
2 4 &--title {
3 5 color: #ffffff;
4 6 font-size: 16px;
... ... @@ -9,6 +11,7 @@
9 11 border-top-right-radius: 5px;
10 12 overflow: hidden;
11 13 cursor: pointer;
  14 + text-transform: uppercase;
12 15 }
13 16  
14 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 14 \ No newline at end of file
... ...
src/app/components/topics-select/topics-select.scss 0 → 100644
... ... @@ -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 17 \ No newline at end of file
... ...