Commit 072c3cc17cf791408fe065cd3451abdf3626c147

Authored by Augusto dos Anjos Almeida
1 parent 6747beed

changed select proposal

index.html
... ... @@ -164,11 +164,11 @@
164 164 <ul class="select">
165 165 {{#each categories}}
166 166 <li class="category proposal-category" data-category="{{slug}}">
167   - <a href="#/temas/{{slug}}/{{id}}" class="proposal-link" data-target="proposal-item-{{id}}">{{name}}</a>
168   - <button class="go-back btn btn-default pull-left">
  167 + <button class="go-back btn btn-default">
169 168 <span class="fa fa-reply"></span>
170 169 Voltar
171 170 </button>
  171 + <a href="#/temas/{{slug}}/{{id}}" class="proposal-link" data-target="proposal-item-{{id}}">{{name}}</a>
172 172 {{#select_proposal ../../article.children slug ../id}}{{/select_proposal}}
173 173 </li>
174 174 {{/each}}
... ...
sass/_proposal_detail.scss
... ... @@ -7,17 +7,18 @@
7 7 li {
8 8 a {
9 9 text-decoration: none;
10   - text-transform: uppercase;
11   - padding: 15px 15px 15px 50px;
  10 + // text-transform: uppercase;
  11 + padding: 0 0 0 45px;
12 12 margin: 0;
13 13 width: 30%;
14 14 min-width: 210px;
15 15 display: inline-block;
  16 + vertical-align: middle;
16 17 span {
17 18 padding-left: 40px;
18 19 }
19 20 font: {
20   - size: larger;
  21 + size: 24px;
21 22 weight: bold;
22 23 }
23 24 background-size: 32px;
... ... @@ -27,13 +28,16 @@
27 28  
28 29 .categories {
29 30 select {
30   - height: 57px;
  31 + // height: 57px;
31 32 width: 60%;
32 33 margin: 0;
33 34 text-transform: uppercase;
34 35 border: 0;
35   - background: #EEEFF1;
  36 + background: #fff;
36 37 float: right;
  38 + vertical-align: middle;
  39 + margin: 4px;
  40 + border-radius: 3px;
37 41 }
38 42  
39 43 .proposal-header {
... ... @@ -103,7 +107,7 @@
103 107 li {
104 108 background: $color;
105 109 list-style: none;
106   - padding: 0;
  110 + padding: 5px;
107 111 a {
108 112 min-width: 0;
109 113 width: auto;
... ... @@ -604,7 +608,7 @@
604 608 background-image: url(./images/icons/#{$category}.png);
605 609 background: {
606 610 color: $color;
607   - position: 10px 50%;
  611 + position: 5px 50%;
608 612 repeat: no-repeat;
609 613 }
610 614 border-left: 1px solid lighten($color, 10%)
... ...
sass/style.scss
... ... @@ -115,11 +115,11 @@ form {
115 115 // TO_REFACT:
116 116 .btn {
117 117 display: inline-block;
118   - padding: 6px 12px;
  118 + padding: 0 12px;
119 119 margin-bottom: 0;
120 120 font-size: 14px;
121 121 font-weight: 400;
122   - line-height: 3.1;
  122 + // line-height: 3.1;
123 123 text-align: center;
124 124 white-space: nowrap;
125 125 vertical-align: middle;
... ... @@ -132,6 +132,7 @@ form {
132 132 user-select: none;
133 133 background-image: none;
134 134 border: 0;
  135 + vertical-align: middle;
135 136 /* border-radius: 4px; */
136 137 }
137 138  
... ...