technicie/MarietjeDjango
1
0
Fork 0
mirror of https://gitlab.science.ru.nl/technicie/MarietjeDjango.git synced 2026-02-04 19:24:44 +01:00
Code Issues Packages Projects Releases Wiki Activity

Make queue and request form not scrollable horizontally for better mobile usage.

Browse Source
This commit is contained in:
Jim Driessen
2017-02-01 13:52:43 +01:00
parent 0ed4f5af63
commit 7339c897f9
2 changed files with 73 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
marietje/marietje/static/css/custom.css
View File

@ -1,3 +1,7 @@
.search-input { .search-input {
width: 100%; width: 100%;
} }
.control-icons {
min-width: 90px;
}

10
marietje/queues/templates/queues/queue.html
View File

@ -8,7 +8,6 @@
<button id="request-button" class="btn btn-primary">Request</button> <button id="request-button" class="btn btn-primary">Request</button>
<br><br> <br><br>
<div id="request-container" class="hidden"> <div id="request-container" class="hidden">
<div class="table-responsive">
<table id="request-table" class="table table-striped"> <table id="request-table" class="table table-striped">
<thead> <thead>
<tr> <tr>
@ -43,12 +42,10 @@
<tbody> <tbody>
</tbody> </tbody>
</table> </table>
</div>
</div> </div>
<div id="queue-container"> <div id="queue-container">
<h1 class="h1">Now Playing</h1> <h1 class="h1">Now Playing</h1>
<div class="table-responsive">
<table class="table table-striped"> <table class="table table-striped">
<thead> <thead>
<tr> <tr>
@ -56,7 +53,7 @@
<th class="col-md-4">Title</th> <th class="col-md-4">Title</th>
<th class="col-md-2">Requested By</th> <th class="col-md-2">Requested By</th>
<th class="col-md-1">Time Left</th> <th class="col-md-1">Time Left</th>
<th class="col-md-1">Skip</th> <th class="col-md-1 control-icons">Control</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
@ -71,9 +68,7 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div>
<h1 class="h1">Queue</h1> <h1 class="h1">Queue</h1>
<div class="table-responsive">
<table class="table table-striped"> <table class="table table-striped">
<thead> <thead>
<tr> <tr>
@ -81,13 +76,12 @@
<th class="col-md-4">Title</th> <th class="col-md-4">Title</th>
<th class="col-md-2">Requested By</th> <th class="col-md-2">Requested By</th>
<th class="col-md-1">Plays At</th> <th class="col-md-1">Plays At</th>
<th class="col-md-1">Control</th> <th class="col-md-1 control-icons">Control</th>
</tr> </tr>
</thead> </thead>
<tbody class="queuebody"> <tbody class="queuebody">
</tbody> </tbody>
</table> </table>
</div>
</div> </div>
<script type="text/javascript" src="{% static 'js/js.cookie-2.1.3.min.js' %}"></script> <script type="text/javascript" src="{% static 'js/js.cookie-2.1.3.min.js' %}"></script>