localhots
/
oldhaven
1
0
Fork 0
Code Releases Activity

Playlist markup

This commit is contained in:
magnolia-fan 2011-09-15 10:15:50 +04:00
parent 4e6e5a6751
commit e8815faab4
2 changed files with 35 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
app/assets/stylesheets/player.scss
View File

@ -24,7 +24,28 @@
}
.playlist {
.song-duration {
text-align: right;
margin: 20px 0 0 0;
li {
list-style: none;
border-bottom: #DDD 1px solid;
.drag {
float: left;
margin: 3px 0 0 -3px;
width: 5px;
height: 32px;
background-color: #DDD;
cursor: pointer;
}
.artist-name {
font-size: 10px;
margin: 5px 0 0 5px;
}
.song-title {
margin: 0 0 5px 5px;
}
.song-duration {
float: right;
margin: 10px 5px 0 0;
}
}
}

34
app/views/layouts/application.html.haml
View File

@ -58,28 +58,18 @@
%a.btn.large.large-round ►
%a.btn.small-round »
.playlist
%table
%tr
%td.song-title
.artist-name Foo Fighters
The Pretender
%td.song-duration 4:29
%tr
%td.song-title
.artist-name Foo Fighters
Let It Die
%td.song-duration 4:29
%tr
%td.song-title
.artist-name Foo Fighters
Erase/Replace
%td.song-duration 4:29
%tr
%td.song-title
.artist-name Foo Fighters
Long Road to Ruin
%td.song-duration 4:29
%ul.playlist
%li
.song-duration 4:29
.drag
.artist-name Foo Fighters
.song-title The Pretender
%li
.song-duration 4:29
.drag
.artist-name Foo Fighters
.song-title The Pretender
.fullscreen
.inner