Add night mode (#890)

* Split base template menus out

* Add toggle for night mode setting

* Add vertical flexbox row

Makes each col-* expand to fill the space created by the largest column.

* Use flexbox on main character and group panels

* Fix data table sort control clipping

* Build new css
This commit is contained in:
Basraah
2017-10-05 14:32:58 +10:00
committed by GitHub
parent 111105d48b
commit e5d76cbce8
18 changed files with 291 additions and 108 deletions

View File

@@ -7,9 +7,9 @@
{% block content %}
<h1 class="page-header text-center">{% trans "Dashboard" %}</h1>
<div class="col-sm-12">
<div class="row">
<div class="row vertical-flexbox-row">
<div class="col-sm-6 text-center">
<div class="panel panel-primary">
<div class="panel panel-primary" style="height:100%">
<div class="panel-heading"><h3 class="panel-title">{% trans "Main Character" %}</h3></div>
<div class="panel-body">
{% if request.user.profile.main_character %}
@@ -69,10 +69,10 @@
</div>
</div>
<div class="col-sm-6 text-center">
<div class="panel panel-success">
<div class="panel panel-success" style="height:100%">
<div class="panel-heading"><h3 class="panel-title">{% trans "Groups" %}</h3></div>
<div class="panel-body">
<div style="height: 236px;overflow:-moz-scrollbars-vertical;overflow-y:auto;">
<div style="height: 240px;overflow:-moz-scrollbars-vertical;overflow-y:auto;">
<table class="table table-striped">
{% for group in user.groups.all %}
<tr>