External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-02-26 07:26:03 -03:30
Code Issues Packages Projects Releases Wiki Activity

Custom styling of the breadcrumb template - removed dependency on Bootstrap

Browse Source
This commit is contained in:
Michael Abashian
2015-12-21 15:21:42 -05:00
committed by Jared Tabor
parent ae145affe6
commit 8365eaaae9
2 changed files with 24 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
awx/ui/client/src/bread-crumb/bread-crumb.block.less
View File

@@ -39,6 +39,29 @@
flex: initial; flex: initial;
} }
.BreadCrumb > ol {
padding: 0px 15px;
list-style: none;
background-color: #FFFFFF;
border-radius: 4px;
line-height: 40px;
}
.BreadCrumb > ol > li {
display: inline-block;
// content: "@{breadcrumb-separator}\00a0"; // Unicode space added since inline-block means non-collapsing white-space
padding: 0 5px;
color: #b7b7b7;
}
.BreadCrumb > ol > li:before {
}
.BreadCrumb > ol > li > .active {
color: #123123;
}
@breadcrumb-breakpoint: 900px; @breadcrumb-breakpoint: 900px;
@media screen and (max-width: @breadcrumb-breakpoint) { @media screen and (max-width: @breadcrumb-breakpoint) {

2
awx/ui/client/src/partials/breadcrumb.html
View File

@@ -1,4 +1,4 @@
<ol class="breadcrumb"> <ol>
<li ng-repeat="step in steps | limitTo:(steps.length-1)"> <li ng-repeat="step in steps | limitTo:(steps.length-1)">
<a href="{{step.ncyBreadcrumbLink}}" ng-bind-html="step.ncyBreadcrumbLabel"></a> <a href="{{step.ncyBreadcrumbLink}}" ng-bind-html="step.ncyBreadcrumbLabel"></a>
</li> </li>