Browse Source

Add right sidebar for large screenn, remove scroll in navbar, add scroll in left sidebar

release-2.9
Yoann Piétri 5 years ago
committed by Gabriel Detraz
parent
commit
8c3df067c4
  1. 7
      static/css/base.css
  2. 4
      templates/base.html

7
static/css/base.css

@ -1,3 +1,6 @@
.navbar-collapse {
overflow-x: hidden;
}
/* For the footer to be at the bottom*/ /* For the footer to be at the bottom*/
body { body {
padding-top: 50px; padding-top: 50px;
@ -84,11 +87,15 @@ a > i.fa {
position: fixed; position: fixed;
top:50px; top:50px;
right:0; right:0;
overflow-y: auto;
bottom:0px;
} }
.sidenav-left { .sidenav-left {
position: fixed; position: fixed;
top:50px; top:50px;
left:0; left:0;
overflow-y: auto;
bottom:0px;
} }
.dropdown-menu .dropdown-toggle:after { .dropdown-menu .dropdown-toggle:after {
border-top: .3em solid transparent; border-top: .3em solid transparent;

4
templates/base.html

@ -85,11 +85,13 @@ with this program; if not, write to the Free Software Foundation, Inc.,
{% block sidebar %} {% block sidebar %}
{% endblock %} {% endblock %}
</div> </div>
<div class="col-sm-offset-2 col-sm-10 text-left pt4"> <div class="col-sm-offset-2 col-sm-10 col-lg-8 text-left pt4">
{# Display django.contrib.messages as Bootstrap alerts #} {# Display django.contrib.messages as Bootstrap alerts #}
{% bootstrap_messages %} {% bootstrap_messages %}
{% block content %}{% endblock %} {% block content %}{% endblock %}
</div> </div>
<div class="col-lg-2 pt4">
</div>
</div> </div>
</div> </div>

Loading…
Cancel
Save