Commit 1110f5a44166e8e0f7d4ed47a77dd4c6b16bf694
1 parent
9f8598ec
Exists in
master
and in
8 other branches
Refact: breadcrumb. Add home icon.
Showing
7 changed files
with
67 additions
and
9 deletions
Show diff stats
src/app/components/breadcrumb/breadcrumb.scss
| 1 | .custom-breadcrumb { | 1 | .custom-breadcrumb { |
| 2 | + | ||
| 3 | + .breadcrumb { | ||
| 4 | + background: none; | ||
| 5 | + padding: 15px 0; | ||
| 6 | + margin: 0; | ||
| 7 | + } | ||
| 8 | + | ||
| 9 | + .glyphicon { | ||
| 10 | + color: #1E3E65;; | ||
| 11 | + border: 1px solid #1E3E65; | ||
| 12 | + border-radius: 100%; | ||
| 13 | + width: 23px; | ||
| 14 | + height: 23px; | ||
| 15 | + margin: 0; | ||
| 16 | + padding: 2px 0 0 3px; | ||
| 17 | + } | ||
| 18 | + | ||
| 2 | .breadcrumb > li + li:before { | 19 | .breadcrumb > li + li:before { |
| 3 | - content: '>'; | 20 | + content: '\00BB'; |
| 4 | } | 21 | } |
| 5 | 22 | ||
| 6 | .contraste & .breadcrumb { | 23 | .contraste & .breadcrumb { |
src/app/components/breadcrumb/template.html
| 1 | <div class="custom-breadcrumb"> | 1 | <div class="custom-breadcrumb"> |
| 2 | <ol class="breadcrumb"> | 2 | <ol class="breadcrumb"> |
| 3 | - <li ng-repeat="step in steps | limitTo:(steps.length-1)"> | ||
| 4 | - <a href="{{step.ncyBreadcrumbLink}}" ng-bind-html="step.ncyBreadcrumbLabel"></a> | ||
| 5 | - </li> | ||
| 6 | - <li ng-repeat="step in steps | limitTo:-1" class="active"> | ||
| 7 | - <span ng-bind-html="step.ncyBreadcrumbLabel"></span> | ||
| 8 | - </li> | 3 | + <li ng-repeat="step in steps | limitTo:(steps.length-1)"> |
| 4 | + <a href="{{step.ncyBreadcrumbLink}}" ng-if="$index === 0" ng-class="{'item-home': $index === 0}"> | ||
| 5 | + <span class="glyphicon glyphicon-home" aria-hidden="true"></span> | ||
| 6 | + </a> | ||
| 7 | + <a href="{{step.ncyBreadcrumbLink}}" ng-if="$index !== 0" ng-class="{'item-home': $index === 0}" ng-bind-html="step.ncyBreadcrumbLabel"></a> | ||
| 8 | + </li> | ||
| 9 | + <li ng-repeat="step in steps | limitTo:-1" class="active"> | ||
| 10 | + <span ng-bind-html="step.ncyBreadcrumbLabel"></span> | ||
| 11 | + </li> | ||
| 9 | </ol> | 12 | </ol> |
| 10 | </div> | 13 | </div> |
src/app/pages/article/article.html
| 1 | -<div class="container" role="main"> | 1 | +<div class="container"> |
| 2 | + <div class="row"> | ||
| 3 | + <div class="col-sm-12"> | ||
| 4 | + <div ncy-breadcrumb></div> | ||
| 5 | + </div> | ||
| 6 | + </div> | ||
| 7 | +</div> | ||
| 2 | 8 | ||
| 3 | - <article-bar></article-bar> | 9 | +<div class="container" role="main"> |
| 4 | 10 | ||
| 5 | <div ng-if="pageArticle.loading"> | 11 | <div ng-if="pageArticle.loading"> |
| 6 | <div class="alert alert-info"> | 12 | <div class="alert alert-info"> |
src/app/pages/programas/programa.html
| 1 | +<div class="container"> | ||
| 2 | + <div class="row"> | ||
| 3 | + <div class="col-sm-12"> | ||
| 4 | + <div ncy-breadcrumb></div> | ||
| 5 | + </div> | ||
| 6 | + </div> | ||
| 7 | +</div> | ||
| 8 | + | ||
| 1 | <div class="page--conheca-o-programa"> | 9 | <div class="page--conheca-o-programa"> |
| 2 | <section> | 10 | <section> |
| 3 | <div class="container"> | 11 | <div class="container"> |
src/app/pages/programas/programas.html
| 1 | +<div class="container"> | ||
| 2 | + <div class="row"> | ||
| 3 | + <div class="col-sm-12"> | ||
| 4 | + <div ncy-breadcrumb></div> | ||
| 5 | + </div> | ||
| 6 | + </div> | ||
| 7 | +</div> | ||
| 8 | + | ||
| 1 | <div class="page--programas"> | 9 | <div class="page--programas"> |
| 2 | <section class="section-gray section-space-up"> | 10 | <section class="section-gray section-space-up"> |
| 3 | <div class="container"> | 11 | <div class="container"> |
src/app/pages/propostas/proposta.html
| 1 | +<div class="container"> | ||
| 2 | + <div class="row"> | ||
| 3 | + <div class="col-sm-12"> | ||
| 4 | + <div ncy-breadcrumb></div> | ||
| 5 | + </div> | ||
| 6 | + </div> | ||
| 7 | +</div> | ||
| 8 | + | ||
| 1 | <div class="container page--propostas"> | 9 | <div class="container page--propostas"> |
| 2 | <h1>TODO: Home > Proposta</h1> | 10 | <h1>TODO: Home > Proposta</h1> |
| 3 | </div> | 11 | </div> |
src/app/pages/propostas/propostas.html
| 1 | +<div class="container"> | ||
| 2 | + <div class="row"> | ||
| 3 | + <div class="col-sm-12"> | ||
| 4 | + <div ncy-breadcrumb></div> | ||
| 5 | + </div> | ||
| 6 | + </div> | ||
| 7 | +</div> | ||
| 8 | + | ||
| 1 | <div class="container page--propostas"> | 9 | <div class="container page--propostas"> |
| 2 | <h1>TODO: Home > Propostas</h1> | 10 | <h1>TODO: Home > Propostas</h1> |
| 3 | </div> | 11 | </div> |