Download as
Browse Code »

Commit 2c56f7362fd36f8af679d9b1dcee3a728d8cfa1f

Authored by Evandro Jr
2 parents 2636316f 4f3ff35f
Exists in master and in 5 other branches build, build2, contigency_plan_recaptcha, production, staging

Merge branch 'master' of https://gitlab.com/participa/proposal-app

Showing 2 changed files with 90 additions and 15 deletions   Show diff stats
@@ -139,13 +139,13 @@ @@ -139,13 +139,13 @@
139 <div class="col-sm-3"> 139 <div class="col-sm-3">
140 <aside id="proposal-categories"> 140 <aside id="proposal-categories">
141 <div id="proposal-categories-container"> 141 <div id="proposal-categories-container">
142 - <h2 class="menu"><strong>Programas</strong> por Tema</h2> 142 + <h2 class="menu hidden-xs"><strong>Programas</strong> por Tema</h2>
143 <ul class="themes"> 143 <ul class="themes">
144 {{#each article.categories}} 144 {{#each article.categories}}
145 <li id="proposal-category-{{slug}}" class="proposal-category" data-category="{{slug}}"> 145 <li id="proposal-category-{{slug}}" class="proposal-category" data-category="{{slug}}">
146 <a href="#/temas/{{slug}}/{{id}}" class="proposal-link" data-target="proposal-item-{{id}}"> 146 <a href="#/temas/{{slug}}/{{id}}" class="proposal-link" data-target="proposal-item-{{id}}">
147 <span class="icon icon-theme icon-{{slug}}"></span> 147 <span class="icon icon-theme icon-{{slug}}"></span>
148 - {{name}} 148 + <span class="themes-name">{{name}}</span>
149 </a> 149 </a>
150 <!-- <div class="arrow-box" style="display: none"></div> --> 150 <!-- <div class="arrow-box" style="display: none"></div> -->
151 </li> 151 </li>
@@ -219,7 +219,9 @@ @@ -219,7 +219,9 @@
219 <div class="abstract">{{{abstract}}}</div> 219 <div class="abstract">{{{abstract}}}</div>
220 </a> 220 </a>
221 <div class="show_body row"> 221 <div class="show_body row">
222 - <a class="col-sm-6 col-sm-offset-3" href="#/programas/{{id}}/sobre-o-programa"><span>Conheça o programa</span></a> 222 + <div class="col-sm-6 col-sm-offset-3">
  223 + <a class="" href="#/programas/{{id}}/sobre-o-programa"><span>Conheça o programa</span></a>
  224 + </div>
223 </div> 225 </div>
224 </div> 226 </div>
225 227
@@ -254,7 +256,13 @@ @@ -254,7 +256,13 @@
254 <div class="container-title box-title">Faça Uma Proposta</div> 256 <div class="container-title box-title">Faça Uma Proposta</div>
255 <div class="subtitle box-subtitle">Qual a sua sugestão para melhorar este programa?</div> 257 <div class="subtitle box-subtitle">Qual a sua sugestão para melhorar este programa?</div>
256 <div class="info box-info">Esta consulta termina em julho de 2015. Até lá, todas as propostas serão lidas e as cinco mais pontuadas em cada programa receberão resposta oficial do governo.</div> 258 <div class="info box-info">Esta consulta termina em julho de 2015. Até lá, todas as propostas serão lidas e as cinco mais pontuadas em cada programa receberão resposta oficial do governo.</div>
257 - <div class="button send-proposal-button button-send box-footer"><a href="#"><span>Envie sua proposta</span></a></div> 259 + <div class="row">
  260 + <div class="col-sm-6 col-sm-offset-3">
  261 + <div class="button send-proposal-button button-send box-footer">
  262 + <a href="#"><span>Envie sua proposta</span></a>
  263 + </div>
  264 + </div>
  265 + </div>
258 <div class="login-container hide">Login</div> 266 <div class="login-container hide">Login</div>
259 <form class="make-proposal-form save-article-form require-login hide" id="make-proposal-form-{{id}}" action="{{proposal_action ../article . }}" method="post"> 267 <form class="make-proposal-form save-article-form require-login hide" id="make-proposal-form-{{id}}" action="{{proposal_action ../article . }}" method="post">
260 <div class="message hide"></div> 268 <div class="message hide"></div>
@@ -344,7 +352,11 @@ @@ -344,7 +352,11 @@
344 <div class="vote-actions"> 352 <div class="vote-actions">
345 <a href="#" class="icon icon-vote dislike" data-vote-value="-1"><span class="fa fa-times"></span></a> 353 <a href="#" class="icon icon-vote dislike" data-vote-value="-1"><span class="fa fa-times"></span></a>
346 <a href="#" class="icon icon-vote like" data-vote-value="1"><span class="fa fa-check"></span></a> 354 <a href="#" class="icon icon-vote like" data-vote-value="1"><span class="fa fa-check"></span></a>
347 - <a href="#" class="skip button box-footer">Pular</a> 355 + <div class="row">
  356 + <div class="col-sm-6 col-sm-offset-3">
  357 + <a href="#" class="skip button box-footer">Pular</a>
  358 + </div>
  359 + </div>
348 <a href="#" class="vote-result box-bottom">Resultados</a> 360 <a href="#" class="vote-result box-bottom">Resultados</a>
349 </div> 361 </div>
350 <div class="social"> 362 <div class="social">
@@ -449,14 +461,14 @@ @@ -449,14 +461,14 @@
449 <div class="captcha col-sm-12"> 461 <div class="captcha col-sm-12">
450 <div id="g-recaptcha"></div> 462 <div id="g-recaptcha"></div>
451 </div> 463 </div>
452 - </div>  
453 - <div class="actions col-sm-12">  
454 - <div class="row">  
455 - <div class="col-sm-4">  
456 - <a href="#" class="confirm-signup button">Confirmar</a>  
457 - </div>  
458 - <div class="col-sm-4">  
459 - <a href="#" class="cancel-signup button button-cancela">Cancelar</a> 464 + <div class="actions col-sm-12">
  465 + <div class="row">
  466 + <div class="col-sm-4">
  467 + <a href="#" class="confirm-signup button button-confirm">Confirmar</a>
  468 + </div>
  469 + <div class="col-sm-4">
  470 + <a href="#" class="cancel-signup button button-cancela">Cancelar</a>
  471 + </div>
460 </div> 472 </div>
461 </div> 473 </div>
462 </div> 474 </div>
sass/style.sass
  Diff comments   View file @2c56f73
@@ -39,6 +39,7 @@ @@ -39,6 +39,7 @@
39 // 7 - Modificadores 39 // 7 - Modificadores
40 // 8 - Cores do Temas 40 // 8 - Cores do Temas
41 // 9 - Alto Contraste 41 // 9 - Alto Contraste
  42 +// 10 - Mobile
42 // ------------------------------------ 43 // ------------------------------------
43 44
44 45
@@ -64,7 +65,7 @@ $theme-size-header: 24px @@ -64,7 +65,7 @@ $theme-size-header: 24px
64 $proposal-title: 32px 65 $proposal-title: 32px
65 66
66 // 1.4 - dicionarios 67 // 1.4 - dicionarios
67 -$categories: (saude: #3449b7, seguranca-publica: #ee2a61, educacao: #f39720, reducao-da-pobreza: #3ebb8f) 68 +$categories: (saude: #3449b7, seguranca-publica: #e34748, educacao: #f39720, reducao-da-pobreza: #3ebb8f)
68 $categories-descriptions: (saude: "Saúde é direito de todos e dever do Estado. O Sistema Único de Saúde (SUS) é universal, integral e de responsabilidade do Governo Federal, estados e municípios. Atende a todos os brasileiros.", seguranca-publica: "A segurança pública é um direito fundamental dos cidadãos. A proteção da vida, a disseminação da cultura da paz e a integração dos órgãos e instituições municipais, estaduais e federais são os maiores compromissos dessa política pública.", educacao: "Uma pátria educadora se faz com oportunidades para todos. Nos últimos anos, o Brasil criou esse caminho de oportunidades. Ampliamos o acesso à educação em todos os níveis de ensino – da creche à pós-graduação – e para todos os brasileiros, independentemente de sua classe social. E ainda há muito a fazer. O Plano Nacional de Educação (PNE) estabelece novas metas para que o governo federal trabalhe em parceria com a sociedade, com os estados e os municípios na construção de um futuro melhor. Queremos agora um salto na qualidade do ensino.", reducao-da-pobreza: "Com o esforço do Brasil para reduzir a pobreza e a desigualdade, 36 milhões de pessoas superaram a miséria na última década e o país saiu do Mapa da Fome das Nações Unidas.") 69 $categories-descriptions: (saude: "Saúde é direito de todos e dever do Estado. O Sistema Único de Saúde (SUS) é universal, integral e de responsabilidade do Governo Federal, estados e municípios. Atende a todos os brasileiros.", seguranca-publica: "A segurança pública é um direito fundamental dos cidadãos. A proteção da vida, a disseminação da cultura da paz e a integração dos órgãos e instituições municipais, estaduais e federais são os maiores compromissos dessa política pública.", educacao: "Uma pátria educadora se faz com oportunidades para todos. Nos últimos anos, o Brasil criou esse caminho de oportunidades. Ampliamos o acesso à educação em todos os níveis de ensino – da creche à pós-graduação – e para todos os brasileiros, independentemente de sua classe social. E ainda há muito a fazer. O Plano Nacional de Educação (PNE) estabelece novas metas para que o governo federal trabalhe em parceria com a sociedade, com os estados e os municípios na construção de um futuro melhor. Queremos agora um salto na qualidade do ensino.", reducao-da-pobreza: "Com o esforço do Brasil para reduzir a pobreza e a desigualdade, 36 milhões de pessoas superaram a miséria na última década e o país saiu do Mapa da Fome das Nações Unidas.")
69 70
70 // 1.5 - cores 71 // 1.5 - cores
@@ -220,6 +221,8 @@ td @@ -220,6 +221,8 @@ td
220 &-participe 221 &-participe
221 .fa 222 .fa
222 margin-right: $gutter * 0.5 223 margin-right: $gutter * 0.5
  224 + &-confirm
  225 + margin-bottom: $gutter
223 226
224 // 5.2 - botao voltar 227 // 5.2 - botao voltar
225 .btn 228 .btn
@@ -516,7 +519,6 @@ h1 @@ -516,7 +519,6 @@ h1
516 margin-left: auto 519 margin-left: auto
517 margin-right: auto 520 margin-right: auto
518 margin-top: $gutter 521 margin-top: $gutter
519 - width: 40%  
520 &-bottom 522 &-bottom
521 @extend .box-footer 523 @extend .box-footer
522 bottom: 10px 524 bottom: 10px
@@ -588,6 +590,7 @@ h1 @@ -588,6 +590,7 @@ h1
588 border-top: 0 590 border-top: 0
589 border-radius: $radius * 2 591 border-radius: $radius * 2
590 color: #fff 592 color: #fff
  593 + display: block
591 font-size: $font-size-h2 594 font-size: $font-size-h2
592 font-weight: 700 595 font-weight: 700
593 padding-bottom: $gutter * 0.5 596 padding-bottom: $gutter * 0.5
@@ -1113,3 +1116,63 @@ h3.titulo-destaque @@ -1113,3 +1116,63 @@ h3.titulo-destaque
1113 @each $category,$color in $categories 1116 @each $category,$color in $categories
1114 .category-#{$category} 1117 .category-#{$category}
1115 background-color: darken(#fff, 85%) 1118 background-color: darken(#fff, 85%)
  1119 +
  1120 +
  1121 +// ------------------------------------
  1122 +// 10 - mobile
  1123 +// ------------------------------------
  1124 +@media (max-width: 480px)
  1125 + #content
  1126 + // margin-top: $gutter * 1.5 * (-1)
  1127 + margin-bottom: 0
  1128 + .embed-responsive
  1129 + margin-left: $gutter * (-1)
  1130 + margin-right: $gutter * (-1)
  1131 + .themes
  1132 + margin-bottom: $gutter * 1.5
  1133 + margin-left: $gutter * 1.5 * (-1)
  1134 + margin-right: $gutter * 1.5 * (-1)
  1135 + margin-top: $gutter * 1.5 * (-1)
  1136 + font-size: 0
  1137 + &-name
  1138 + display: block
  1139 + li
  1140 + display: inline-block
  1141 + font-size: $font-size-base
  1142 + width: 25%
  1143 + vertical-align: top
  1144 + &:first-child
  1145 + a
  1146 + border-left: 0
  1147 + a
  1148 + border-left: 1px solid #f1f1f1
  1149 + display: block
  1150 + padding: 0
  1151 + text-align: center
  1152 + height: 145px
  1153 + .icon
  1154 + margin-bottom: $gutter * 0.5
  1155 + margin-left: 0
  1156 + margin-right: 0
  1157 + margin-top: $gutter
  1158 + .box
  1159 + &-header
  1160 + p
  1161 + height: auto
  1162 + &-propostas
  1163 + height: auto
  1164 + .proposal
  1165 + &-header
  1166 + .title
  1167 + margin: 0
  1168 + padding-bottom: 0
  1169 + position: inherit
  1170 + width: 100%
  1171 + p
  1172 + padding-bottom: $gutter
  1173 + .select
  1174 + .proposal
  1175 + &-selection
  1176 + float: none
  1177 + margin: 0
  1178 + width: 100%