Fix display issue with html checkbox
This commit is contained in:
parent
4e89f01515
commit
fb776253bb
12
config.org
12
config.org
|
@ -532,10 +532,10 @@ colours from our [[Theme]] gets used, we benefit from customising the code block
|
||||||
top: 4px;
|
top: 4px;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
li.on .checkbox { background: var(--theme-green); box-shadow: 0 0 2px var(--theme-green); }
|
li.on > .checkbox { background: var(--theme-green); box-shadow: 0 0 2px var(--theme-green); }
|
||||||
li.trans .checkbox { background: var(--theme-orange); box-shadow: 0 0 2px var(--theme-orange); }
|
li.trans > .checkbox { background: var(--theme-orange); box-shadow: 0 0 2px var(--theme-orange); }
|
||||||
li.off .checkbox { background: var(--theme-red); box-shadow: 0 0 2px var(--theme-red); }
|
li.off > .checkbox { background: var(--theme-red); box-shadow: 0 0 2px var(--theme-red); }
|
||||||
li.on .checkbox::after {
|
li.on > .checkbox::after {
|
||||||
content: '';
|
content: '';
|
||||||
height: 0.45em;
|
height: 0.45em;
|
||||||
width: 0.225em;
|
width: 0.225em;
|
||||||
|
@ -549,7 +549,7 @@ colours from our [[Theme]] gets used, we benefit from customising the code block
|
||||||
top: 0.45em;
|
top: 0.45em;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
}
|
}
|
||||||
li.trans .checkbox::after {
|
li.trans > .checkbox::after {
|
||||||
content: '';
|
content: '';
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 1.6em;
|
font-size: 1.6em;
|
||||||
|
@ -562,7 +562,7 @@ colours from our [[Theme]] gets used, we benefit from customising the code block
|
||||||
opacity: 0.9;
|
opacity: 0.9;
|
||||||
border-radius: 0.1em;
|
border-radius: 0.1em;
|
||||||
}
|
}
|
||||||
li.off .checkbox::after {
|
li.off > .checkbox::after {
|
||||||
content: '✖';
|
content: '✖';
|
||||||
color:#fff;
|
color:#fff;
|
||||||
opacity: 0.9;
|
opacity: 0.9;
|
||||||
|
|
Loading…
Reference in a new issue