diff --git a/assets/css/includes/list.css.sass b/assets/css/includes/list.css.sass index 4ce21d6..069b128 100644 --- a/assets/css/includes/list.css.sass +++ b/assets/css/includes/list.css.sass @@ -17,3 +17,25 @@ float: left padding: 0.5em 1em 0.5em 0 content: counter(index,decimal-leading-zero) + +.song-list + @extend .ordered-list + li + p + margin: 0 + .artist + font-size: 0.8em + white-space: nowrap + overflow: hidden + text-overflow: ellipsis + .title + font-weight: bold + white-space: nowrap + overflow: hidden + text-overflow: ellipsis + .length + position: absolute + font-size: 0.75em + padding: 0.8em 0 + right: 10px + top: 10px diff --git a/assets/css/library.css.sass b/assets/css/library.css.sass index 27f3648..1123609 100644 --- a/assets/css/library.css.sass +++ b/assets/css/library.css.sass @@ -24,8 +24,10 @@ position: absolute height: 100% @include transition(left 0.25s ease-in-out) - ol, ul + ul.root, ol.artists, ol.albums @extend .list + ol.songs + @extend .song-list div position: absolute width: $interface-width diff --git a/assets/css/queue.css.sass b/assets/css/queue.css.sass index 76444de..bd81097 100644 --- a/assets/css/queue.css.sass +++ b/assets/css/queue.css.sass @@ -11,38 +11,19 @@ top: 8px @include button ol - @extend .ordered-list - li - &.playing - .title - color: $highlight - &:before - font-weight: bold - &:after - @extend .icon - position: absolute - font-size: 1.25em - right: 10px - top: 10px - padding: 0.3em - content: "playing" - .length - display: none - p - margin: 0 - .artist - font-size: 0.8em - white-space: nowrap - overflow: hidden - text-overflow: ellipsis - .title - font-weight: bold - white-space: nowrap - overflow: hidden - text-overflow: ellipsis - .length - position: absolute - font-size: 0.75em - padding: 0.8em 0 - right: 10px - top: 10px + @extend .song-list + li.playing + .title + color: $highlight + &:before + font-weight: bold + &:after + @extend .icon + position: absolute + font-size: 1.25em + right: 10px + top: 10px + padding: 0.3em + content: "playing" + .length + display: none diff --git a/public/views/library/songs.ejs b/public/views/library/songs.ejs index 86642d8..6a7678a 100644 --- a/public/views/library/songs.ejs +++ b/public/views/library/songs.ejs @@ -1,7 +1,9 @@
<%= song.attr('title') %>
+<%= song.attr('artist') %>
+<%= formatLength(song.attr('length')) %>