1
Fork 0

Restructure content header

This commit is contained in:
Jake Howard 2016-01-12 21:31:05 +00:00
parent a585120d51
commit 3a3eb68566
3 changed files with 29 additions and 5 deletions

View file

@ -7,6 +7,9 @@ export default class Breadcrumbs extends React.Component {
}
render() {
if (this.urlParts.length < 2) {
return;
}
var elements = [];
for (var i = 0; i < this.urlParts.length; i++) {
var dirs = [];

View file

@ -128,7 +128,24 @@ footer {
.box-shadow(0px 8px 10px 3px rgba(0,0,0,0.6));
margin-bottom: 27px;
h1 {
margin: 25px 0;
margin: 15px 0;
}
.breadcrumb-container {
text-align: right;
.breadcrumb {
li + li::before {
content: "/";
}
background: transparent;
margin-bottom: 3px;
font-size: 17px;
a {
color: white;
&:hover {
color: #ff7f00;
}
}
}
}
}
/* @end content base */

View file

@ -7,10 +7,14 @@
{% block baseContent %}
<div class="jumbotron header">
<div class="container">
<h1>{% block pageTitle %}{% endblock %}</h1>
</div>
<div class="container">
<div id="breadcrumbs"></div>
<div class="row">
<div class="col-sm-8">
<h1>{% block pageTitle %}{% endblock %}</h1>
</div>
<div class="col-sm-4 breadcrumb-container">
<div id="breadcrumbs"></div>
</div>
</div>
</div>
<navbar></navbar>
</div>