summaryrefslogtreecommitdiffstats
path: root/templates
diff options
context:
space:
mode:
authorHolger Brunn <opensource@holgerbrunn.net>2013-01-31 23:27:39 +0100
committerPaul Arthur <paul.arthur@flowerysong.com>2013-02-07 14:46:28 -0500
commitf618f74db5971795b0beddf20064cdacf43ec878 (patch)
tree52c251109b15ef732f57dd3c497a8d89f1067115 /templates
parent28614f0344427018fd74d5653b196709956849a2 (diff)
downloadampache-f618f74db5971795b0beddf20064cdacf43ec878.tar.gz
ampache-f618f74db5971795b0beddf20064cdacf43ec878.tar.bz2
ampache-f618f74db5971795b0beddf20064cdacf43ec878.zip
implement a play queue. middle-click (or right if that works better in
your browser) to queue/dequeue
Diffstat (limited to 'templates')
-rw-r--r--templates/html5_player.css19
1 files changed, 19 insertions, 0 deletions
diff --git a/templates/html5_player.css b/templates/html5_player.css
index 0290897e..0527546a 100644
--- a/templates/html5_player.css
+++ b/templates/html5_player.css
@@ -58,11 +58,30 @@
left: 210px;
right: 5px;
bottom: 5px;
+ padding: 5px 0px;
}
#html5_player #playlist li
{
+ position: relative;
cursor: pointer;
}
+#html5_player #playlist li[data-tooltip]::before {
+ content: attr(data-tooltip);
+ font-size: 10px;
+ position: absolute;
+ z-index: 999;
+ right: 0px;
+ top: 0px;
+ padding: 0px 5px;
+ opacity: 0;
+ transition: opacity 1.4s ease-out;
+}
+#html5_player #playlist li[data-tooltip]:hover::before {
+ opacity: 1;
+}
+#html5_player #playlist li[data-queue-id]::after {
+ content: " [" attr(data-queue-id) "]";
+}
#html5_player #playlist li.playing
{
font-weight: bold;