Restructure content header
This commit is contained in:
parent
a585120d51
commit
3a3eb68566
3 changed files with 29 additions and 5 deletions
|
@ -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 = [];
|
||||||
|
|
|
@ -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 */
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Reference in a new issue