diff --git a/tcommon/static/css/base.css b/tcommon/static/css/base.css index adfb484..92183dc 100644 --- a/tcommon/static/css/base.css +++ b/tcommon/static/css/base.css @@ -119,11 +119,19 @@ button { } input[type="checkbox"] { - display: none; + display: block; + height: 0; + width: 0; + opacity: 0; + pointer-events: none; } input[type="checkbox"]:not(:has(+ label[data-fake-checkbox])) { display: inline-block; + pointer-events: all; + height: 1em; + width: 1em; + opacity: 100%; } label[data-fake-checkbox]::before { @@ -145,6 +153,10 @@ label[data-fake-checkbox]:hover::before { background-color: rgb(var(--mantle)); } +input[type="checkbox"]:focus + label[data-fake-checkbox]::before { + outline-color: rgb(var(--accent)); +} + input[type="checkbox"]:checked + label[data-fake-checkbox]::before { background-color: rgb(var(--accent)); }