From f618f74db5971795b0beddf20064cdacf43ec878 Mon Sep 17 00:00:00 2001 From: Holger Brunn Date: Thu, 31 Jan 2013 23:27:39 +0100 Subject: implement a play queue. middle-click (or right if that works better in your browser) to queue/dequeue --- templates/html5_player.css | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) (limited to 'templates') 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; -- cgit