diff --git a/static/flexbox/index.html b/static/flexbox/index.html index 2b63675..618ad48 100644 --- a/static/flexbox/index.html +++ b/static/flexbox/index.html @@ -78,7 +78,7 @@ - + 1 Chakra Love Shines Through (Martin Roth's in Electro Love Remix) @@ -86,7 +86,7 @@ undefined 9:29 - + 2 Chakra Love Shines Through (Martin Roth's in Electro Love Remix) @@ -94,15 +94,15 @@ undefined 9:29 - - 3 + + 3 Chakra Love Shines Through (Martin Roth's in Electro Love Remix) undefined undefined 9:29 - + 4 Chakra Love Shines Through (Martin Roth's in Electro Love Remix) @@ -110,7 +110,7 @@ undefined 9:29 - + 5 Chakra Love Shines Through (Martin Roth's in Electro Love Remix) @@ -118,7 +118,7 @@ undefined 9:29 - + 6 Chakra Love Shines Through (Martin Roth's in Electro Love Remix) @@ -126,7 +126,7 @@ undefined 9:29 - + 7 Chakra Love Shines Through (Martin Roth's in Electro Love Remix) @@ -200,49 +200,49 @@ - + Chakra Love Shines Through (Martin Roth's in Electro Love Remix) undefined undefined 9:29 - + Chakra Love Shines Through (Martin Roth's in Electro Love Remix) undefined undefined 9:29 - + Chakra Love Shines Through (Martin Roth's in Electro Love Remix) undefined undefined 9:29 - + Chakra Love Shines Through (Martin Roth's in Electro Love Remix) undefined undefined 9:29 - + Chakra Love Shines Through (Martin Roth's in Electro Love Remix) undefined undefined 9:29 - + Chakra Love Shines Through (Martin Roth's in Electro Love Remix) undefined undefined 9:29 - + Chakra Love Shines Through (Martin Roth's in Electro Love Remix) undefined diff --git a/static/flexbox/sanic.css b/static/flexbox/sanic.css index 422c8d4..f633feb 100644 --- a/static/flexbox/sanic.css +++ b/static/flexbox/sanic.css @@ -84,9 +84,13 @@ td { padding-left: 16px; } -/* This is probably a better way to generate alternate coloring on tables. However, - background color for selected track is overwritten this way. Therefore the "old - school" way of alternate coloring is used for now. +#queue table tr.playing td:first-of-type::before { + content: '\2BC8'; +} + +#queue table tr:not(.playing) td:first-of-type { + padding-left: 2em; /* TODO: do proper spacing */ +} table tr:nth-child(odd) td { background:#1e1f1a; @@ -95,26 +99,12 @@ table tr:nth-child(odd) td { table tr:nth-child(even) td { background:#171812; } -*/ -table tr.odd { - background-color: #1e1f1a; -} - -table tr.even { - background-color: #171812; -} - -#queue-table tr.playing { +#queue table tr:nth-child(odd).playing td, +#queue table tr:nth-child(even).playing td { background-color: #490b00; } -td.playing { - background-image: url(../img/playback.png); - background-repeat: no-repeat; - background-position: left center; -} - #flexbox-container { display: flex; flex-direction: column; diff --git a/static/img/playback.png b/static/img/playback.png deleted file mode 100644 index eebea58..0000000 Binary files a/static/img/playback.png and /dev/null differ