1
0
Fork 0

Added playlist tracks count to playlist icon

This commit is contained in:
magnolia-fan 2011-04-13 02:28:23 +04:00
parent 78c759562e
commit b7abe9a1d3
4 changed files with 21 additions and 11 deletions

View File

@ -29,7 +29,10 @@
<div class="time-left">0:00</div>
<div title="Play Tracks In Random Order" class="shuffle"><img src="/images/player/shuffle.svg" alt="shu" /></div>
<div title="Repeat Playlist" class="repeat"><img src="/images/player/shuffle.svg" alt="rep" /></div>
<div title="Show/Hide Playlist" class="playlist"><img src="/images/player/playlist.svg" alt="pls" /></div>
<div title="Show/Hide Playlist" class="playlist">
<img src="/images/player/playlist.svg" alt="pls" />
<div class="count">0</div>
</div>
</div>
<div id="playlist">
<ul class="list"></ul>

View File

@ -128,5 +128,5 @@ function addToPlaylist(artist, track, length, id) {
if ($('#playlist ul.list li').length > 6) {
$('#playlist').jScrollPane();
}
$('#player .playlist .count').html($('#playlist ul.list li').length);
}

View File

@ -6,22 +6,22 @@ body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#contents {
width: 1000px;
margin: 0 0 0 -500px;
width: 750px;
margin: 0 0 0 -375px;
left: 50%;
position: relative;
/* background-color: #EEE;*/
}
.inner-1 {
margin: 2em;
/* margin: 2em;*/
}
h1.artist {
display: block;
width: 100%;
text-align: center;
margin: 4em 0 0.5em 0;
margin: 75px 0 0.5em 0;
font-size: 3em;
}
h1.artist > span {
@ -38,13 +38,13 @@ h1.artist {
height: 250px;
background-color: #DDD;
float: left;
margin: 0 1em 1em 0;
margin: 0 20px 1em 0;
}
.album .name {
display: block;
float: left;
width: 450px;
width: 480px;
font-size: 1.5em;
margin: 0 0 0.5em 0;
/* background-color: yellowgreen;*/
@ -57,7 +57,7 @@ h1.artist {
.album .tracks {
display: block;
float: left;
width: 450px;
width: 480px;
margin-bottom: 1em;
/* background-color: lightblue;*/
}

View File

@ -111,17 +111,24 @@
width: 20px;
}
#player .repeat {
margin: 17px 0 0 15px;
margin: 17px 0 0 12px;
}
#player .repeat img {
width: 20px;
}
#player .playlist {
margin: 12px 0 0 15px;
margin: 12px 0 0 12px;
}
#player .playlist img {
width: 20px;
}
#player .playlist .count {
color: #DDD;
font-size: 9px;
width: auto;
float: right;
margin: -33px 0 0 2px;
}
#player .shuffle, #player .repeat {
opacity: 0.5;
-moz-opacity: 0.5;