From f9cfad9d123265ab13f79a037f9b49d5cac4470d Mon Sep 17 00:00:00 2001 From: Vitaly Orekhov Date: Sun, 15 Jan 2023 02:23:01 +0300 Subject: [PATCH] Change tints to more UX-friendly - checkboxes and radio buttons are blue when checked - enables hover-checked state use in atlas --- Web/static/css/style.css | 7 ++++++- Web/static/img/radio.png | Bin 3310 -> 1033 bytes 2 files changed, 6 insertions(+), 1 deletion(-) diff --git a/Web/static/css/style.css b/Web/static/css/style.css index 1b3fc8cd..588ca03d 100644 --- a/Web/static/css/style.css +++ b/Web/static/css/style.css @@ -560,7 +560,7 @@ input[type=radio] { } input[type=checkbox] { - background-image: url("data:image/gif;base64,R0lGODlhDwA4AKIAAOHh4f///8rKyra2toKCgsHBweTk5P///yH5BAEAAAcALAAAAAAPADgAAAOzKLrMJyHKGcWjOFiY5+7eBVbi+I1aCZ6m2rGrm21NrTx2LWMEwYE93yho+PF6gmKHyCJIiEVRMABNcQzBnsFAumK13K5kS9iGjNuwBPbC5RyDuHw+PwwA+LweP7Dv/wB9d4B6goSFfod8iYqGioGMh46NkYSTkpWAgnSccXadnJl/PYOHQaWAQQWoe6qrhK6MBHmujkEArpCDBVkEBQWLu7w9v3mTv77AxpG/ysusmp+gdQkAOw=="); + background-image: url("data:image/gif;base64,R0lGODlhDwA4ALMAAP//////AP8A//8AAAD//wD/AAAA/wAAADtZd8XKzuHh4crKysHBwba2tv///wAAACH5BAEAAA4ALAAAAAAPADgAAASzcMlJqVsg653X5SDgYeE2luaHdup6rmKLvq5c0rMdjlUvXb6eDoRAkFBF4yqZOBKLi2aJSUNomE1VEoCNkRLJYiLB+oLF5LJmjBinnOO0BncDBi2NvH6/dzQUgIGCgA1+g4cKhX+IgoqMjYaPhJGSjpKJlI+WlZmMm5qdiIp8pHl+paShh0WLj0mtiEywg0kMCbOBTAyUCLlolkkKWJiLZ8PEgGxogZtsY5CwcYOfnqeofREAOw=="); width: 15px; } @@ -578,6 +578,11 @@ input[type=radio]:checked { background-position: 0 -14px; } +input[type=checkbox]:checked:hover, +input[type=radio]:checked:hover { + background-position: 0 -42px; +} + #auth { padding: 10px; } diff --git a/Web/static/img/radio.png b/Web/static/img/radio.png index 737d09461c1a3fccc0dfd30f81c4c6bf60755906..b01071a26add07f25ba0ba21a5d8313f2dd6be51 100644 GIT binary patch delta 974 zcmV;<12O#W8HosxIFpkK6@Tae08$750ToyP06Lcd02go9S|5-A00WOnL_t(|+N_tc zZsSG}hW{bd9Hf&0L8M?yhodSIkS|qYAVmPOy+^ovi*$K{bgAwYk~dJ=6_6s9k?suG zsw5*M4_XodXjt`J!QJ(eqGTn=RKjxqo#F2P?ND@meGLF0BB+P}2!CcaKXg0@JK1X-3DaYvOX#^W)@ z<1r3}UNFlt!OY~S5|4_SVgQi?KmCk&&=uo9b%q+&^@j*J$G)0=GVCISr zHGWj2Az)@?StbBbN7G@8{`l)N?$=)`Q%}$F!?*7Y9g4}Q!+*>o48xk}r(b@pW&8QZ zk478>0amM(aEPczht6b&J*MY6dV61rFZn-pI*6!7M>sv-6O9J1Yjo)2hyaMItE<+{ z84X_JyKe%Vy8{5g&CLw}#I#&4!OYxt9J)L$vTizZl$GKv%l7CvcLzq4rm1~BzD&pC z<0J0w?r_L*wtvYZ0HR@ZBQPx>&-0_lpciOTvquLJ!S{W1yIlalZnwi`v)St%`g)9r zNO+!y*=%M+0MPArF`Lccc^=drL`FzN!gXE!ur)l-gX_9l3`eneRAh^5y<<9^9^Du_ zeBTFvs(0A$)VzP1q31e>Rz4QYT+#9L^we5f+k(5@?ti&=Y&M(L(%P=d^?F_J9a75H z4EAE%?e@8MXh-CEZa>&7RZ5AXC;%X4W@EVpfLKZ?q?GV|AH7}=%&aY^GaJjfq1$9dA`2Xl&X5qT-9v!`2&(NXTUt}^8kr)n#7>!0a)b_N&^E?;K z{MwgEPrv&(I&>yG z?6H4MM^fx+$Kn7mbm(_##-RVo2zI+_0h-U}5i^U+%gffy8T4NvoW8+iSe1Btdt3F6 z`Fsv$X4iGi&g!oVU7i+gw_6lN0sWy1B8rQm&_i2oP?`+8MkJ+#y1Zi|dZvS!V=1M` w^L)>83f|*%FmtroY-)cWh$v>}8XaE;0D(F1oB_5t>;M1&07*qoM6N<$f>9XOuK)l5 delta 3286 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 U4H?>hkN^Mx07*qoM6N<$g3aJD$N&HU