Commit 995218223b0eac9d3c80c3dda68e4af069d48817
1 parent
4fdd69a0
Exists in
master
and in
5 other branches
Botao fechar das respostas das propostas
Showing
2 changed files
with
60 additions
and
36 deletions
Show diff stats
src/app/pages/programas/programa.html
| @@ -266,51 +266,60 @@ | @@ -266,51 +266,60 @@ | ||
| 266 | </div> | 266 | </div> |
| 267 | </div> | 267 | </div> |
| 268 | </div> | 268 | </div> |
| 269 | + <div class="row"> | ||
| 270 | + <div class="col-sm-12"> | ||
| 271 | + <button class="btn btn-block btn-close-response pull-right color-theme-common-fg" ng-click="pagePrograma.toggleResponseVisibility(proposal)"> | ||
| 272 | + FECHAR | ||
| 273 | + <div class="button-right-icon icon-circle icon-small icon-circle-close-response color-theme-common-bg pull-right"> | ||
| 274 | + <span class="glyphicon glyphicon-remove icon-white" aria-hidden="true"></span> | ||
| 275 | + </div> | ||
| 276 | + </button> | ||
| 277 | + </div> | ||
| 278 | + </div> | ||
| 269 | </div> | 279 | </div> |
| 270 | </div> | 280 | </div> |
| 271 | </div> | 281 | </div> |
| 272 | - </div> | ||
| 273 | - <div class="response--context vertical-padding"> | ||
| 274 | - <div class="container"> | ||
| 275 | - <div class="row"> | ||
| 276 | - <div class="col-sm-5"> | ||
| 277 | - <div class="button--themed"> | ||
| 278 | - <a class="btn btn-block" ui-sref="respostas"> | ||
| 279 | - <span>Veja todas as propostas</span> | ||
| 280 | - <br/> | ||
| 281 | - <span>Respondidas pelo governo</span> | ||
| 282 | - <span class="glyphicon glyphicon-chevron-right"></span> | ||
| 283 | - </a> | 282 | + <div class="response--context vertical-padding"> |
| 283 | + <div class="container"> | ||
| 284 | + <div class="row"> | ||
| 285 | + <div class="col-sm-5"> | ||
| 286 | + <div class="button--themed"> | ||
| 287 | + <a class="btn btn-block" ui-sref="respostas"> | ||
| 288 | + <span>Veja todas as propostas</span> | ||
| 289 | + <br/> | ||
| 290 | + <span>Respondidas pelo governo</span> | ||
| 291 | + <span class="glyphicon glyphicon-chevron-right"></span> | ||
| 292 | + </a> | ||
| 293 | + </div> | ||
| 284 | </div> | 294 | </div> |
| 285 | - </div> | ||
| 286 | - <div class="col-sm-2"></div> | ||
| 287 | - <div class="col-sm-5"> | ||
| 288 | - <div class="button--themed"> | ||
| 289 | - <button type="button" class="btn btn-block" ng-click="pagePrograma.toggleContentVisibility()"> | ||
| 290 | - <span>Informações sobre o programa</span> | ||
| 291 | - <br/> | ||
| 292 | - <span>"{{::pagePrograma.article.title}}"</span> | ||
| 293 | - <span class="glyphicon glyphicon-chevron-right"></span> | ||
| 294 | - </button> | 295 | + <div class="col-sm-2"></div> |
| 296 | + <div class="col-sm-5"> | ||
| 297 | + <div class="button--themed"> | ||
| 298 | + <button type="button" class="btn btn-block" ng-click="pagePrograma.toggleContentVisibility()"> | ||
| 299 | + <span>Informações sobre o programa</span> | ||
| 300 | + <br/> | ||
| 301 | + <span>"{{::pagePrograma.article.title}}"</span> | ||
| 302 | + <span class="glyphicon glyphicon-chevron-right"></span> | ||
| 303 | + </button> | ||
| 304 | + </div> | ||
| 295 | </div> | 305 | </div> |
| 296 | </div> | 306 | </div> |
| 297 | </div> | 307 | </div> |
| 298 | </div> | 308 | </div> |
| 299 | - </div> | ||
| 300 | - </section> | ||
| 301 | - <section class="section-content" ng-style="{ display: pagePrograma.article.archived ? 'none': 'block' }"> | ||
| 302 | - <div ng-if="pagePrograma.article.archived"> | ||
| 303 | - <div class="container"> | ||
| 304 | - <div class="row"> | ||
| 305 | - <div class="col-sm-12 color-theme-fg"> | ||
| 306 | - <h3 style="font-weight: bold;">Sobre o programa:</h3> | 309 | + </section> |
| 310 | + <section class="section-content" ng-style="{ display: pagePrograma.article.archived ? 'none': 'block' }"> | ||
| 311 | + <div ng-if="pagePrograma.article.archived"> | ||
| 312 | + <div class="container"> | ||
| 313 | + <div class="row"> | ||
| 314 | + <div class="col-sm-12 color-theme-fg"> | ||
| 315 | + <h3 style="font-weight: bold;">Sobre o programa:</h3> | ||
| 316 | + </div> | ||
| 307 | </div> | 317 | </div> |
| 308 | </div> | 318 | </div> |
| 309 | </div> | 319 | </div> |
| 310 | - </div> | ||
| 311 | - <article class="program-content" ng-if="pagePrograma.article" ng-class="pagePrograma.article.slug"> | ||
| 312 | - <div ng-bind-html="pagePrograma.article.bodyTrusted"></div> | ||
| 313 | - </article> | ||
| 314 | - </section> | 320 | + <article class="program-content" ng-if="pagePrograma.article" ng-class="pagePrograma.article.slug"> |
| 321 | + <div ng-bind-html="pagePrograma.article.bodyTrusted"></div> | ||
| 322 | + </article> | ||
| 323 | + </section> | ||
| 324 | + </div> | ||
| 315 | </div> | 325 | </div> |
| 316 | -</div> |
src/app/pages/programas/programas.scss
| @@ -299,6 +299,21 @@ | @@ -299,6 +299,21 @@ | ||
| 299 | border-radius: 100%; | 299 | border-radius: 100%; |
| 300 | } | 300 | } |
| 301 | } | 301 | } |
| 302 | + | ||
| 303 | + } | ||
| 304 | + | ||
| 305 | + .btn-close-response { | ||
| 306 | + font-weight: bold; | ||
| 307 | + margin-bottom: 20px; | ||
| 308 | + width: 120px; | ||
| 309 | + background-color: #e1e1e1; | ||
| 310 | + | ||
| 311 | + .icon-circle-close-response { | ||
| 312 | + width: 20px!important; | ||
| 313 | + height: 20px!important; | ||
| 314 | + color: #e1e1e1; | ||
| 315 | + font-size: 14px; | ||
| 316 | + } | ||
| 302 | } | 317 | } |
| 303 | } | 318 | } |
| 304 | 319 |