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

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

@ -9,49 +9,49 @@
{% csrf_token %} {% csrf_token %}
<!-- advanced options --> <!-- advanced options -->
<div id="advanced_options" class="fixed-bottom"> <div id="advanced_options">
<label for="circulation"> <label for="exists" class="noexist">
<input id="circulation" type="text" value="Auflage"> <input id="exists" type="checkbox">
</label> Existiert nicht
<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;
</label> </label>
<label for="ec" id="label_ec" class="ec"> <label for="ec" id="label_ec" class="ec">
<input id="ec" type="checkbox"> <input id="ec" type="checkbox">
Eurocollector 2002&nbsp; Eurocollector 2002&nbsp;
</label> </label>
<label for="exists" class="noexist"> <label for="checked" id="label_checked" class="checked">
<input id="exists" type="checkbox"> <input id="checked" type="checkbox">
Existiert nicht Ü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> </label>
</div> </div>
<!-- main options --> <!-- main options -->
<div id="navbar_toggler"> <div id="navbar_toggler">
<label for="found" id="found_label">
<input id="found" type="checkbox" checked="checked">
</label>
<label for="found_by"> <label for="found_by">
<select id="found_by" name="found_by" class="form-control">{% for user in users %} <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 %} <option value="{{ user.name }}" color="{{ user.color }}">{{ user.name }}</option>{% endfor %}
</select> </select>
</label> </label>
<label for="found_on">
<input type="text" name="found_on" id="found_on" value="{% now 'd.m.Y' %}">
</label>
<div id="buttons"> <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="show_add_user" class="btn btn-secondary">+ Name</button>
<button id="finish_edit" class="btn btn-success">Fertig</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> </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> </div>
</nav> </nav>