diff --git a/.gitignore b/.gitignore index a95dd5ac2..7c0dd1e5b 100644 --- a/.gitignore +++ b/.gitignore @@ -7,9 +7,10 @@ /wled00/Release /wled00/extLibs /platformio_override.ini -/wled00/my_config.h +/wled00/my_config.h /build_output .DS_Store .gitignore .clang-format node_modules +.idea diff --git a/wled00/data/index.css b/wled00/data/index.css index 38f8110b2..79e132815 100644 --- a/wled00/data/index.css +++ b/wled00/data/index.css @@ -166,6 +166,7 @@ button { } .sel-icon { + cursor: pointer; transform: translateX(3px); color: var(--c-d); } @@ -553,6 +554,7 @@ input[type=range]::-moz-range-thumb { font-size: 19px; background-color: var(--c-3); color: var(--c-f); + cursor: pointer; border: 0px solid white; border-radius: 25px; transition-duration: 0.5s; @@ -769,7 +771,7 @@ input[type=number]::-webkit-outer-spin-button { cursor: pointer; } -.check { +.check, .radio { display: inline-block; position: relative; padding-bottom: 32px; @@ -789,7 +791,13 @@ input[type=number]::-webkit-outer-spin-button { margin-top: 8px; } -.check input { +.fxchkl { + position: absolute; + top: 0px; + left: 8px; +} + +.check input, .radio input { position: absolute; opacity: 0; cursor: pointer; @@ -797,7 +805,7 @@ input[type=number]::-webkit-outer-spin-button { width: 0; } -.checkmark { +.checkmark, .radiomark { position: absolute; bottom: 0; left: 0; @@ -807,6 +815,12 @@ input[type=number]::-webkit-outer-spin-button { border-radius: 10px; } +.radiomark { + height: 24px; + width: 24px; + border-radius: 50%; +} + .schk { top: 0; } @@ -833,13 +847,13 @@ input[type=number]::-webkit-outer-spin-button { background-color: var(--c-6); } -.checkmark:after { +.checkmark:after, .radiomark:after { content: ""; position: absolute; display: none; } -.check input:checked ~ .checkmark:after { +.check input:checked ~ .checkmark:after, .radio input:checked ~ .radiomark:after { display: block; } @@ -855,6 +869,16 @@ input[type=number]::-webkit-outer-spin-button { transform: rotate(45deg); } +.radio .radiomark:after { + width: 12px; + height: 12px; + top: 50%; + left: 50%; + margin: -6px; + border-radius: 50%; + background: var(--c-f); +} + .h { font-size: 13px; text-align: center; diff --git a/wled00/data/index.htm b/wled00/data/index.htm index 827eeff49..c66c21a4d 100644 --- a/wled00/data/index.htm +++ b/wled00/data/index.htm @@ -99,9 +99,8 @@ -

Color palette

+

Color palette

-
@@ -109,10 +108,10 @@
-