danbarber/mpd-client
1
0
Fork 0
mirror of https://github.com/danbee/mpd-client synced 2025-03-04 08:39:09 +00:00
Code Issues Releases Wiki Activity

Add header to queue.

Browse Source
This commit is contained in:
Dan Barber 2013-12-10 16:26:21 +00:00
parent 4263425f98
commit 97d262b6d2
4 changed files with 27 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
assets/css/common.css.sass
View File

@ -8,4 +8,21 @@ body
#app #app
max-width: 320px max-width: 320px
margin: 0 auto margin: 0 auto
padding-top: 2.5em
padding-bottom: 5.625em padding-bottom: 5.625em
header
position: fixed
top: 0
width: 100%
background: rgba(248, 248, 248, 0.95)
border-bottom: 1px solid rgba(0, 0, 0, 0.1)
z-index: 1
#library
position: absolute
left: 10px
top: 8px
@include button
h1
text-align: center
font-size: 1em

5
assets/css/includes/button.css.sass Normal file
View File

@ -0,0 +1,5 @@
@mixin button
border: none
background: none
color: $highlight
font-size: 0.8em

1
assets/css/mpd-client.css.sass
View File

@ -2,6 +2,7 @@
@import 'includes/fonts' @import 'includes/fonts'
@import 'includes/colours' @import 'includes/colours'
@import 'includes/button'
@import 'common' @import 'common'
@import 'transport' @import 'transport'
@import 'queue' @import 'queue'

4
public/views/queue.ejs
View File

@ -1,3 +1,7 @@
<header>
<button id="library">Library</button>
<h1>Queue</h1>
</header>
<ol id="queue"> <ol id="queue">
<% list(queueSongs, function(song) { %> <% list(queueSongs, function(song) { %>
<li id="<%= song.attr('id') %>" data-pos="<%= song.attr('pos') %>" <%= song.attr('playing') ? 'class="playing"' : '' %>> <li id="<%= song.attr('id') %>" data-pos="<%= song.attr('pos') %>" <%= song.attr('playing') ? 'class="playing"' : '' %>>