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() { render() {
if (this.urlParts.length < 2) {
return;
}
var elements = []; var elements = [];
for (var i = 0; i < this.urlParts.length; i++) { for (var i = 0; i < this.urlParts.length; i++) {
var dirs = []; var dirs = [];

View file

@ -128,7 +128,24 @@ footer {
.box-shadow(0px 8px 10px 3px rgba(0,0,0,0.6)); .box-shadow(0px 8px 10px 3px rgba(0,0,0,0.6));
margin-bottom: 27px; margin-bottom: 27px;
h1 { 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 */ /* @end content base */

View file

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