localhots/oldhaven
1
0
Fork 0
Code Releases Activity

Active playlists artist and track titles, drag control, play from tracklist

Browse Source
This commit is contained in:
magnolia-fan
2011-06-29 02:10:57 +04:00
parent 655e30f995
commit 75f8d826a6
9 changed files with 67 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/stylesheets/_sass/albums.scss
+1
View File
@@ -71,6 +71,7 @@
&:hover {
background-color: #FAFAFA;
cursor: pointer;
.track-container {
.fade {
public/stylesheets/_sass/player.scss
+17 -2
View File
@@ -98,17 +98,32 @@ $icons_dir: "/images/icns/";
}
}
.dragbox {
position: absolute;
top: 1px;
left: 2px;
width: 15px;
height: 26px;
background-image: url('/images/drag.png');
cursor: move;
}
.title {
position: absolute;
top: 0;
left: 5px;
left: 19px;
z-index: 10;
width: 330px;
width: 316px;
height: 26px;
line-height: 26px;
display: block;
float: left;
overflow: hidden;
.data.artist, .playtrack {
border-bottom: #555 1px dotted;
cursor: pointer;
}
}
.duration {
public/stylesheets/albums.css
+2 -1
View File
@@ -44,7 +44,8 @@
position: relative;
padding-left: 25px; }
.albums .album .tracklist ul li:hover {
background-color: #FAFAFA; }
background-color: #FAFAFA;
cursor: pointer; }
.albums .album .tracklist ul li:hover .track-container .fade {
background: -moz-linear-gradient(left, rgba(250, 250, 250, 0) 0%, #fafafa 50%, #fafafa 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(250, 250, 250, 0)), color-stop(50%, #fafafa), color-stop(100%, #fafafa));
public/stylesheets/player.css
+13 -2
View File
@@ -73,17 +73,28 @@
background: -ms-linear-gradient(left, rgba(64, 64, 64, 0) 0%, #404040 50%, #404040 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00404040', endColorstr='#404040', GradientType=1);
background: linear-gradient(left, rgba(64, 64, 64, 0) 0%, #404040 50%, #404040 100%); }
.player-container .playlist .playlist-tracks li .item .dragbox {
position: absolute;
top: 1px;
left: 2px;
width: 15px;
height: 26px;
background-image: url("/images/drag.png");
cursor: move; }
.player-container .playlist .playlist-tracks li .item .title {
position: absolute;
top: 0;
left: 5px;
left: 19px;
z-index: 10;
width: 330px;
width: 316px;
height: 26px;
line-height: 26px;
display: block;
float: left;
overflow: hidden; }
.player-container .playlist .playlist-tracks li .item .title .data.artist, .player-container .playlist .playlist-tracks li .item .title .playtrack {
border-bottom: #555 1px dotted;
cursor: pointer; }
.player-container .playlist .playlist-tracks li .item .duration {
display: block;
position: absolute;