KevinMidboe/zoff
1
0
Fork 0
mirror of https://github.com/KevinMidboe/zoff.git synced 2025-10-29 18:00:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

Removed mock song from playlist, and added loader

Browse Source
This commit is contained in:
Kasper Rynning-Tønnesen
2015-07-03 21:44:59 +02:00
parent 1fafdbc77d
commit 4d3956347b
2 changed files with 62 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
index.php
View File

@@ -198,6 +198,51 @@
</div>
<div id="playlist" class="col s12 m3">
<div id="wrapper">
<li id="playlist_loader" class="valign-wrapper">
<div class="valign">
<div class="preloader-wrapper big active">
<div class="spinner-layer spinner-blue">
<div class="circle-clipper left">
<div class="circle"></div>
</div><div class="gap-patch">
<div class="circle"></div>
</div><div class="circle-clipper right">
<div class="circle"></div>
</div>
</div>
<div class="spinner-layer spinner-red">
<div class="circle-clipper left">
<div class="circle"></div>
</div><div class="gap-patch">
<div class="circle"></div>
</div><div class="circle-clipper right">
<div class="circle"></div>
</div>
</div>
<div class="spinner-layer spinner-yellow">
<div class="circle-clipper left">
<div class="circle"></div>
</div><div class="gap-patch">
<div class="circle"></div>
</div><div class="circle-clipper right">
<div class="circle"></div>
</div>
</div>
<div class="spinner-layer spinner-green">
<div class="circle-clipper left">
<div class="circle"></div>
</div><div class="gap-patch">
<div class="circle"></div>
</div><div class="circle-clipper right">
<div class="circle"></div>
</div>
</div>
</div>
</div>
</li>
<div id="list-song-html">
<div id="list-song" class="card left-align list-song">
<span class="clickable vote-container" title="Vote!">

17
static/css/style.css
View File

@@ -260,6 +260,23 @@ hide mdi-action-visibility mdi-action-visibility-off
}
}
#playlist_loader {
display:inline-flex;
height:100%;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#wrapper {
padding-right:0vh !important;
width:100% !important;
}
}
#list-song-html {
display:none;
}
#donate_form a {
padding-right:10px;
}