moritz/coinmanager
1
0
Fork 0
Code Issues 22 Pull Requests Releases Wiki Activity

#32 add burger menu and move advanced options there

Browse Source
This commit is contained in:
koksnuss 2020-05-21 16:10:07 +02:00
parent 94d763953d
commit 05f0b0fbae
2 changed files with 28 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
coinmanager/coinc/static/coinc/styles.css
View File

@ -99,10 +99,11 @@ div#buttons {
div#advanced_options {
position: fixed;
z-index: 1030;
left: 0;
right: 0;
border-top: 1px solid gray;
border-left: 1px solid gray;
bottom: 63px;
width: 100%;
width: 200px;
display: none;
background-color: #f8f9fa !important;
}
@ -113,6 +114,7 @@ div#advanced_options > label {
margin: 0;
height: 44px;
padding-top: 11px;
width: 100%;
}
div#advanced_options > label:first-child {
@ -361,15 +363,6 @@ div.two_lines {
body {
font-size: 0.86rem;
}
button.navbar_toggler {
display: block;
float: right
}
div#buttons {
display: none;
}
table {
width: 336px;
table-layout: fixed;

48
coinmanager/coinc/templates/coinc/controlbar.html
View File

@ -9,49 +9,49 @@
{% csrf_token %}
<!-- advanced options -->
<div id="advanced_options" class="fixed-bottom">
<label for="circulation">
<input id="circulation" type="text" value="Auflage">
</label>
<label for="buy_only" id="label_buy_only" class="buy_only">
<input id="buy_only" type="checkbox">
Kursmünze&nbsp;
</label>
<label for="checked" id="label_checked" class="checked">
<input id="checked" type="checkbox">
Überprüft, einsortiert&nbsp;
<div id="advanced_options">
<label for="exists" class="noexist">
<input id="exists" type="checkbox">
Existiert nicht
</label>
<label for="ec" id="label_ec" class="ec">
<input id="ec" type="checkbox">
Eurocollector 2002&nbsp;
</label>
<label for="exists" class="noexist">
<input id="exists" type="checkbox">
Existiert nicht
<label for="checked" id="label_checked" class="checked">
<input id="checked" type="checkbox">
Überprüft, einsortiert&nbsp;
</label>
<label for="buy_only" id="label_buy_only" class="buy_only">
<input id="buy_only" type="checkbox">
Kursmünze&nbsp;
</label>
<label for="circulation">
Auflage
<input id="circulation" type="text" value="Auflage">
</label>
<label for="found_on">
Datum
<input type="text" name="found_on" id="found_on" value="{% now 'd.m.Y' %}">
</label>
<label for="found" id="found_label">
<input id="found" type="checkbox" checked="checked">
Gefunden
</label>
</div>
<!-- main options -->
<div id="navbar_toggler">
<label for="found" id="found_label">
<input id="found" type="checkbox" checked="checked">
</label>
<label for="found_by">
<select id="found_by" name="found_by" class="form-control">{% for user in users %}
<option value="{{ user.name }}" color="{{ user.color }}">{{ user.name }}</option>{% endfor %}
</select>
</label>
<label for="found_on">
<input type="text" name="found_on" id="found_on" value="{% now 'd.m.Y' %}">
</label>
<div id="buttons">
<button id="show_advanced_options" class="btn btn-secondary">+ Mehr</button>
<button id="show_add_user" class="btn btn-secondary">+ Name</button>
<button id="finish_edit" class="btn btn-success">Fertig</button>
<button id="show_advanced_options" class="btn btn-outline-primary" aria-controls="navbar_toggler" aria-expanded="false" aria-label="Toggle advanced options"><span class="navbar-toggler-icon"></span></button>
</div>
<button class="navbar_toggler" type="button" data-toggle="collapse" data-target="#navbar_toggler" aria-controls="navbar_toggler" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
</div>
</nav>