From 19533e5d01f7322b8531406356b56c3fe79f8664 Mon Sep 17 00:00:00 2001 From: coon Date: Tue, 5 Dec 2023 02:02:03 +0100 Subject: [PATCH] static: use modern css for alternate table coloring again --- static/flexbox/index.html | 30 +++++++++++++++--------------- static/flexbox/sanic.css | 28 +++++++++------------------- static/img/playback.png | Bin 503 -> 0 bytes 3 files changed, 24 insertions(+), 34 deletions(-) delete mode 100644 static/img/playback.png 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 eebea58b5cdcf35ecde2f5fcc81eef604ee65672..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 503 zcmVEX>4Tx04R~2kUdMoP!xurR8jF`QaXr221g4n76%tUXmBXhw1U+sy=k$S#E_&E z|AGHRe@q8K@GrP4IQ!n{;9wRn9Nve+Iq!S#g_;|gIG^8xI4LsEKk8rhuiV8qR@kP_ zE(d|h({{Jjqw;*d;#hrYSg-22KhHuq%#C!WN=%v+;2esZ(;~I3V&k^wpNJpCZWt$_ z_({AI#-U}q>&MZ={CL{itPYcluI;O~@HnGQ2bTd8#zYh}q=`DGG})JWWCYxkW26y7 z^`@FBxDn-Y@;DatM7m8y-e#HCQOZCbV|m$xJ7Rg-Jna8|uYH`Cn@)X}23b(H=2W%O z2;LuItq<$ZuzX#SweeN7B4o}J5B!p0037>L_t(2&!y2(3cw%? z1JGo66Yqbdo+WyJpEDO3vkx^M<4>LVfGNg5G0r{qfjpa5|J94c;ZN1a$u tu}R2H1M1M6!2I@J;d8v33H<-8bv4Ln83rQ*N{Rpg002ovPDHLkV1lW1*9rgt