From 2f029dd7f6dfc68f8f4f3695b5e2a36f773e060d Mon Sep 17 00:00:00 2001 From: coon Date: Thu, 30 Nov 2023 22:30:36 +0100 Subject: [PATCH 1/5] static: comment out dashed debug boarder for div containers --- static/flexbox/sanic.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/static/flexbox/sanic.css b/static/flexbox/sanic.css index 5a1ded4..a7c7099 100644 --- a/static/flexbox/sanic.css +++ b/static/flexbox/sanic.css @@ -5,7 +5,7 @@ html, body { } div { - border: 1px dashed white; + /* border: 1px dashed white; */ font-weight: normal; font-family: Arial, Helvetica, sans-serif; From 91407075857b66fc3e7d356494689d40e61edfec Mon Sep 17 00:00:00 2001 From: coon Date: Thu, 30 Nov 2023 22:31:42 +0100 Subject: [PATCH 2/5] static: add table header gradient --- static/flexbox/sanic.css | 13 +++++++++++++ static/img/table-header-gradient.png | Bin 0 -> 602 bytes 2 files changed, 13 insertions(+) create mode 100644 static/img/table-header-gradient.png diff --git a/static/flexbox/sanic.css b/static/flexbox/sanic.css index a7c7099..e2b6c94 100644 --- a/static/flexbox/sanic.css +++ b/static/flexbox/sanic.css @@ -28,6 +28,19 @@ table { border-spacing: 0pt; } +thead { + background-repeat: repeat-x; + background-image: url(../img/table-header-gradient.png); +} + +th { + font-weight: bold; + padding: 2px 2px 2px 14px; + border: solid #1c2c1a; + border-width: 0 1px 0 0; + cursor: pointer; +} + td { padding: 1px 1px 1px 0.5em; border: solid black; diff --git a/static/img/table-header-gradient.png b/static/img/table-header-gradient.png new file mode 100644 index 0000000000000000000000000000000000000000..d853129c7ce25f7ef3d0e8de69f288fb91f35a5b GIT binary patch literal 602 zcmeAS@N?(olHy`uVBq!ia0y~yU|?imV36csV_;zTFu|psfq}6#)7d$|)7e>}peR2r zGbfdSL1SX=L|c!;4l+mMgO@H6W$*6LNLj&`YS4d^F3@%mmF4# zQ=fNlOUb$4M-;=Rh&(EOWZ10d@#jS8&8Oz)Sle0WNg7=`Y57QCV?;*c&eq6_0iDY` z4tK2z+&7^x^5LGNk-DJ~kLUeqJve9EoJUq?9gl42un-bZT-?MvB|*_?wOd!G%3F8a zKg@mhj(Rg=q!XUZaF^6lInMu&egAIL&y$7of(*E}?7#8txPib8)>omo|JiMO`-}5I zJ=?l1%l5}Gr`dU~H{1F_@WN)^m>6@@O8y;p7=O(#IXOY*q<`><=Z)Wue=XCwP|aPk zZr5JZZ-u`YmaJU8RQkaK0SV23Z?lf?wvMX){oQBre);#8i*BBj$au=Yz`&N|?e4;G z7X-hGa?E95VBjq9h%9Dc;1&j9Muu5)Bp4VN*h@TpUD=;=%Zlr&_tmHF0L5#GYeb22 zer|4RUI~M9QEFmIYKlU6W=V#EyQgnJcq5-U0|SGhr;B3<$Mw0V6!{J)FdR6rjYDSI z|NT>Dw*H*C?9q(u`3ymv%F-(P+9&WWI^q3; Date: Thu, 30 Nov 2023 22:33:01 +0100 Subject: [PATCH 3/5] static: add gradient background for top controls --- static/flexbox/sanic.css | 8 ++++++++ static/img/top-controls-bg.png | Bin 0 -> 1909 bytes 2 files changed, 8 insertions(+) create mode 100644 static/img/top-controls-bg.png diff --git a/static/flexbox/sanic.css b/static/flexbox/sanic.css index e2b6c94..a31f1c8 100644 --- a/static/flexbox/sanic.css +++ b/static/flexbox/sanic.css @@ -92,6 +92,14 @@ td.playing { #controls-top { display: flex; flex-direction: row; + + padding: 5px; + background-repeat: repeat-x; + background-image: url(../img/top-controls-bg.png); +} + +#controls-top div { + border-right: 1px solid black; } #top-left-controls { diff --git a/static/img/top-controls-bg.png b/static/img/top-controls-bg.png new file mode 100644 index 0000000000000000000000000000000000000000..81074735fa7866afc8118c1497886343c6e5ac3a GIT binary patch literal 1909 zcmeAS@N?(olHy`uVBq!ia0y~yU|?flV6fo;k*>O@n;96GUsr`hlmsP~D-;yvr)B1( zDwI?fq$;FVWTr7NRNPt{8a*jRljCo>=w=qiz?i=C9XAi^)blNy85tUT_p+?v^&NH$ zjFugVe?NcctAD6`PG*wWY18K&`d34CCMJFSc=d9y&+_`3pM76u%B94xHLFNG-Kg{S zl=+3Pdmm;t|4Ogga5`~!*Su-#oeEF)oc!}b<;9-`!MnO%?UD=EmXCe=N8-4s&AL1B za_wDv;*SOW@bF*_oWfkju;kJ$yIp zGarVZvCmA*-=E`hQLfM_?tuQcJ#Er`bG}btQrM!OSH<)vNBrLp#rg@W90L4j@UrJ@ zv=1p+TAp|EV5Guw3Hk62r%(hFFHj`}Q`qAB*wsl`HyA?w2&)k1crC8vb_ zii8|(wQ}BU+qnF~#8lV0MMhb|4FM;E8hod+Z3qf_;_ulelchB)#56mQJ8Em{NzLqY zJ5%(F)_Qoldh0EXSh;j&gwfWVqi0raJrx?jy!Bbss;g1ak1r&wa13v*VP0B1ecrBb zcf7a9RZDx!pV-!Cb817N`)r%kMLuV2PH%}!j}{TrI_l*e9+!G^)#}_Qx2DbA_HNJV zZL#Im3*Elos>`i!kcz$XL*Z%B(^jb!3#TmS`c$;2Pg3Bqi^CoZCXbA=Gm8Sf-kh*Z z+gLR<_=-!=aW$W!BMgaAM|Qnzy(_)*{vq8Jf5r0t#GhbofA`-(k71X5;cvFBFW=v> z=&;ROc-(|5@BWm%e`CFUzpXkfK0DCgAj?^?#@L~d?Z>TO8k?#=U0oHYm-?$FP36f# zd94|K^LOeBJoc)+aZYDN(c#ed$<-0|Mkjl(Hm!XZT#%h=pYt_8w>H1)=*r(ta+{a zt$5n?neSdbJTcRb*X`7aiYG4HmQCHsmlc8eoq#T&zPR#l`@3GdFiPvZ3M!bFf+-c8*FAc@*ofU2M zj3?M4Pr8H}zhz)xY|V6b4)An#hGlyOhKf106Ky>XJIEZ34_>-RlwI3H@MOSTosKRG zFVXIVg z^W(ZbyT9+KX6N{76nwU?(BZ0%vS@$j%{yHZ6|Vekh7AITgp9wsR4Fo_|5(Z|AOC)l z&FSBF<}VIEIh*H0=aJ1m<~ol`AHDSTe!j$qbK+b!QICm;Lc9I{D-lgYt13tpG*Kx)1h0?yilTF{fa1li`BT zN4MF#H5|~pu;S*o?;CT?{TTim7cAZSXR4LKXV0p&OI`aK_T@f!v}@_f>H|;t41O%} zZhPWUH_K@u!=CvU&7U^>i(XKD_3hf7{g>GloMUzGGO)KF$e6h4y3M`2SMS~4pFZpF zUxo#oMLSDZZGHtRn3KHST^NKIlo>2OX4&szU|`@Z@Q5sCVBmNS!i-`QPRKGaFtC?+ z`ns||=av(dVp!$OozB3(Smo*B7-DfcH^kb{#gS+8;(!YW7%iB@pR-(eAT*HysKF}L4;!d!*y z1FVvB0^Zz@dCzSv_~yk#&bBu_i;jt&{2(PEn>vNo}-Q4CY}Z*2)uPWg9dLYPrYVaeuFPLaIl0(%w06w>UzX6#zzq`KSJ zdg7A+6aATK=Go5ie1_n=8KbLh*2~7aV7kqR8 literal 0 HcmV?d00001 From 5a8f3aee350dfb864aad6e9cedd2c8fbf0b7ebef Mon Sep 17 00:00:00 2001 From: coon Date: Thu, 30 Nov 2023 22:33:32 +0100 Subject: [PATCH 4/5] static: adjust sanic logo --- static/flexbox/sanic.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/static/flexbox/sanic.css b/static/flexbox/sanic.css index a31f1c8..dfc32f2 100644 --- a/static/flexbox/sanic.css +++ b/static/flexbox/sanic.css @@ -153,7 +153,8 @@ td.playing { } #sanic-logo { - width: 50px; + width: 36px; + padding-left: 8px; } #xfade { From 4e5e53d25724ab5908f0aef00562ec7ffb17fe12 Mon Sep 17 00:00:00 2001 From: coon Date: Thu, 30 Nov 2023 22:33:49 +0100 Subject: [PATCH 5/5] static: add shiny borders to bottom controls --- static/flexbox/sanic.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/static/flexbox/sanic.css b/static/flexbox/sanic.css index dfc32f2..79fb798 100644 --- a/static/flexbox/sanic.css +++ b/static/flexbox/sanic.css @@ -165,6 +165,7 @@ td.playing { display: flex; flex-direction: column; flex-grow: 1; + border-bottom: 4px ridge #3a506b; } #controls_bottom { @@ -177,6 +178,7 @@ td.playing { background-color: #171812;; /* flex-grow: 1; */ width: 20%; /* frickel? */ + border-right: 4px ridge #3a506b; } #playlist_tracklist {