Commit 1236efbf340bf5ddfe374b31a742269c25e7bba7

Authored by Augusto dos Anjos Almeida
1 parent ffa79326

New pagination style

Showing 2 changed files with 35 additions and 20 deletions   Show diff stats
@@ -169,8 +169,8 @@ define(['handlebars', 'fastclick', 'handlebars_helpers'], function(Handlebars, F @@ -169,8 +169,8 @@ define(['handlebars', 'fastclick', 'handlebars_helpers'], function(Handlebars, F
169 items: data.pagination.total, 169 items: data.pagination.total,
170 itemsOnPage: data.pagination.per_page, 170 itemsOnPage: data.pagination.per_page,
171 currentPage: data.pagination.page, 171 currentPage: data.pagination.page,
172 - prevText: 'Anterior',  
173 - nextText: 'Próximo', 172 + prevText: '«',
  173 + nextText: '»',
174 cssStyle: 'compact-theme', 174 cssStyle: 'compact-theme',
175 onPageClick: function(page, e) { 175 onPageClick: function(page, e) {
176 Main.loadRanking($resultsContainer, topic_id, page); 176 Main.loadRanking($resultsContainer, topic_id, page);
sass/_proposal_detail.scss
@@ -202,35 +202,50 @@ @@ -202,35 +202,50 @@
202 ul { 202 ul {
203 list-style: none; 203 list-style: none;
204 padding: 0; 204 padding: 0;
205 - display: table; 205 + display: block;
206 margin: 0 auto; 206 margin: 0 auto;
  207 + text-align: center;
207 li { 208 li {
208 list-style: none; 209 list-style: none;
  210 + display: inline;
209 padding: 0; 211 padding: 0;
210 - margin: 0;  
211 - float: left; 212 + margin: 0 10px;
  213 + float: none;
  214 + &.active {
  215 + .next, .prev {
  216 + opacity: 0.5;
  217 + }
  218 + }
212 a, span { 219 a, span {
213 - float: left;  
214 - color: white; 220 + background: transparent;
  221 + border: 0;
  222 + border-bottom: 1px solid #000;
  223 + color: #000;
  224 + display: inline-block;
  225 + // float: left;
215 font-size: 14px; 226 font-size: 14px;
216 - line-height: 24px;  
217 font-weight: normal; 227 font-weight: normal;
  228 + line-height: 1.2;
  229 + margin: 0;
  230 + min-width: 0;
  231 + padding: 0;
218 text-align: center; 232 text-align: center;
219 - min-width: 14px;  
220 - padding: 0 7px;  
221 - background: $color;  
222 - width: 100%;  
223 text-transform: none; 233 text-transform: none;
224 - }  
225 - .prev {  
226 - border-radius: 3px 0 0 3px;  
227 - }  
228 - .next {  
229 - border-right: 1px solid #AAA;  
230 - border-radius: 0 3px 3px 0; 234 + width: auto;
  235 + vertical-align: middle;
231 } 236 }
232 .current { 237 .current {
233 - opacity: 0.5; 238 + padding: 10px;
  239 + background-color: #ccc;
  240 + border-bottom-color: #ccc;
  241 + border-radius: 6px;
  242 + }
  243 + .next, .prev {
  244 + background-color: $color;
  245 + border-bottom: 3px solid darken($color, 15%);
  246 + border-radius: 6px;
  247 + color: #fff;
  248 + padding: 10px 15px;
234 } 249 }
235 } 250 }
236 } 251 }