[jb2] Harmonized breadcrumbs
@@ -64,13 +64,36 @@ ${ commonheader("Job Browser", "jobbrowser", user, request) | n,unicode }
<style type="text/css">
- .content-panel-inner {
+ #jobbrowserComponents .content-panel-inner {
padding: 10px;
}
- .tab-content {
+ #jobbrowserComponents .tab-content {
padding: 10px;
border: none!important;
}
+
+ #jobbrowserComponents .hueBreadcrumbBar {
+ padding: 0;
+ }
+
+ #jobbrowserComponents .hueBreadcrumbBar li {
+ padding: 12px;
+ }
+
+ #jobbrowserComponents .hueBreadcrumbBar li:first-child {
+ padding-left: 0;
+ padding-right: 0;
+ }
+
+ #jobbrowserComponents .hueBreadcrumbBar a {
+ color: #338BB8 !important;
+ display: inline !important;
+ }
+
+ #jobbrowserComponents .divider {
+ color: #CCC;
+ padding-right: 12px;
+ }
</style>
<div id="jobbrowserComponents">
@@ -220,11 +243,14 @@ ${ commonheader("Job Browser", "jobbrowser", user, request) | n,unicode }
</div>
</div>
+ nav nav-pills hueBreadcrumbBar
<script type="text/html" id="breadcrumbs">
- <h2 data-bind="foreach: breadcrumbs">
+ <h3>
+ <ul class="nav nav-pills hueBreadcrumbBar" data-bind="foreach: breadcrumbs">
+ <li>
<!-- ko if: $index() > 0 -->
- &gt;
+ <span class="divider">&gt;</span>
<!-- /ko -->
<!-- ko if: $index() == 0 -->
@@ -242,7 +268,9 @@ ${ commonheader("Job Browser", "jobbrowser", user, request) | n,unicode }
<span data-bind="text: id"></span>
<!-- /ko -->
<!-- /ko -->
- </h2>
+ </li>
+ </ul>
+ </h3>
</script>
