mirrors
/
ympd
mirror of https://github.com/SuperBFG7/ympd
1
0
Fork 0
Code Issues Releases Wiki Activity

Separate song info box and queue list 

Fix position of song info box and control buttons (don't scroll out of screen)
This commit is contained in:
SuperBFG7 2021-06-17 08:53:22 +02:00
parent d5294675c4
commit 886e390d09
2 changed files with 12 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
htdocs/css/mpd.css
View File

@ -27,7 +27,6 @@ button {
#breadcrump { #breadcrump {
display: block; display: block;
overflow: auto; overflow: auto;
white-space: nowrap; white-space: nowrap;
} }
@ -165,3 +164,8 @@ button {
text-decoration: none; text-decoration: none;
color: black; color: black;
} }
.sticky {
position: sticky;
top: 55px;
}

12
htdocs/index.html
View File

@ -142,7 +142,7 @@
<div class="col-md-10 col-xs-12"> <div class="col-md-10 col-xs-12">
<div class="notifications top-right"></div> <div class="notifications top-right"></div>
<div class="panel panel-primary"> <div class="panel panel-primary sticky">
<!-- Default panel contents --> <!-- Default panel contents -->
<div class="panel-heading"> <div class="panel-heading">
<b id="panel-heading">Queue</b> <b id="panel-heading">Queue</b>
@ -165,8 +165,10 @@
<div id="progressbar"></div> <div id="progressbar"></div>
</div> </div>
<!-- /.panel-body --> </div>
<!-- /.panel -->
<!-- /.panel-body -->
<div class="panel panel-primary">
<ol id="breadcrump" class="breadcrumb"></ol> <ol id="breadcrump" class="breadcrumb"></ol>
<div class="col-md-12" id="filter"></div> <div class="col-md-12" id="filter"></div>
@ -180,7 +182,7 @@
<th>Album</th> <th>Album</th>
<th>Title</th> <th>Title</th>
<th>Length</th> <th>Length</th>
<th></th> <th><div style="width: 15px"></div></th>
</tr> </tr>
</thead> </thead>
<tbody></tbody> <tbody></tbody>
@ -194,7 +196,7 @@
</div> </div>
<!-- /.col-md-10 --> <!-- /.col-md-10 -->
<div class="col-md-2 col-xs-12"> <div class="col-md-2 col-xs-12 sticky">
<div class="btn-toolbar"> <div class="btn-toolbar">
<div <div
class="btn-group-vertical btn-block btn-group-lg" class="btn-group-vertical btn-block btn-group-lg"