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 | 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 | 19 | .breadcrumb > li + li:before { |
| 3 | - content: '>'; | |
| 20 | + content: '\00BB'; | |
| 4 | 21 | } |
| 5 | 22 | |
| 6 | 23 | .contraste & .breadcrumb { | ... | ... |
src/app/components/breadcrumb/template.html
| 1 | 1 | <div class="custom-breadcrumb"> |
| 2 | 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 | 12 | </ol> |
| 10 | 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 | 11 | <div ng-if="pageArticle.loading"> |
| 6 | 12 | <div class="alert alert-info"> | ... | ... |
src/app/pages/programas/programa.html
src/app/pages/programas/programas.html
src/app/pages/propostas/proposta.html
src/app/pages/propostas/propostas.html