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

Changed the loader in channel to flat preloader

Browse Source
This commit is contained in:
Kasper Rynning-Tønnesen
2015-07-03 21:54:53 +02:00
parent 4d3956347b
commit fe35b4cf75
2 changed files with 11 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
index.php
View File

@@ -198,51 +198,9 @@
</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="preloader" class="progress channel_preloader">
<div class="indeterminate"></div>
</div>
<div id="list-song-html">
<div id="list-song" class="card left-align list-song">
<span class="clickable vote-container" title="Vote!">

14
static/css/style.css
View File

@@ -260,12 +260,6 @@ 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;
@@ -352,6 +346,14 @@ ul #chat-log{
background-color: #26a69a !important;
}
.channel_preloader {
background-color:#2D2D2D;
}
.channel_preloader .indeterminate {
background-color:white !important;
}
#player_overlay{
background-color:black;
position: absolute;