Fix color switching bug
Signed-off-by: adrien <adrien@iglou.eu>
This commit is contained in:
parent
4523142003
commit
2b2a15d6e9
|
@ -58,9 +58,9 @@ fieldset {
|
|||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 0;
|
||||
display: grid;
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
grid-template-rows: repeat(16, 1fr);
|
||||
grid-template-columns: repeat(16, 1fr);
|
||||
}
|
||||
|
@ -149,7 +149,7 @@ label.cell{background-color: var(--color); opacity: 0}
|
|||
#select-color-black[type="radio"]:checked ~ #grid-cells #color-black ,
|
||||
#select-color-white[type="radio"]:checked ~ #grid-cells #color-white ,
|
||||
#select-color-green[type="radio"]:checked ~ #grid-cells #color-green
|
||||
{z-index: 1}
|
||||
{pointer-events: auto;}
|
||||
|
||||
#show-border[type="checkbox"]:checked ~ #config-indicator #config-indicator--border,
|
||||
#opacity-color[type="checkbox"]:checked ~ #config-indicator #config-indicator--mixing,
|
||||
|
|
|
@ -58,9 +58,9 @@ fieldset {
|
|||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 0;
|
||||
display: grid;
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
grid-template-rows: repeat(24, 1fr);
|
||||
grid-template-columns: repeat(24, 1fr);
|
||||
}
|
||||
|
@ -149,7 +149,7 @@ label.cell{background-color: var(--color); opacity: 0}
|
|||
#select-color-black[type="radio"]:checked ~ #grid-cells #color-black ,
|
||||
#select-color-white[type="radio"]:checked ~ #grid-cells #color-white ,
|
||||
#select-color-green[type="radio"]:checked ~ #grid-cells #color-green
|
||||
{z-index: 1}
|
||||
{pointer-events: auto;}
|
||||
|
||||
#show-border[type="checkbox"]:checked ~ #config-indicator #config-indicator--border,
|
||||
#opacity-color[type="checkbox"]:checked ~ #config-indicator #config-indicator--mixing,
|
||||
|
|
|
@ -58,9 +58,9 @@ fieldset {
|
|||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 0;
|
||||
display: grid;
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
grid-template-rows: repeat(32, 1fr);
|
||||
grid-template-columns: repeat(32, 1fr);
|
||||
}
|
||||
|
@ -149,7 +149,7 @@ label.cell{background-color: var(--color); opacity: 0}
|
|||
#select-color-black[type="radio"]:checked ~ #grid-cells #color-black ,
|
||||
#select-color-white[type="radio"]:checked ~ #grid-cells #color-white ,
|
||||
#select-color-green[type="radio"]:checked ~ #grid-cells #color-green
|
||||
{z-index: 1}
|
||||
{pointer-events: auto;}
|
||||
|
||||
#show-border[type="checkbox"]:checked ~ #config-indicator #config-indicator--border,
|
||||
#opacity-color[type="checkbox"]:checked ~ #config-indicator #config-indicator--mixing,
|
||||
|
|
|
@ -58,9 +58,9 @@ fieldset {
|
|||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 0;
|
||||
display: grid;
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
grid-template-rows: repeat(8, 1fr);
|
||||
grid-template-columns: repeat(8, 1fr);
|
||||
}
|
||||
|
@ -149,7 +149,7 @@ label.cell{background-color: var(--color); opacity: 0}
|
|||
#select-color-black[type="radio"]:checked ~ #grid-cells #color-black ,
|
||||
#select-color-white[type="radio"]:checked ~ #grid-cells #color-white ,
|
||||
#select-color-green[type="radio"]:checked ~ #grid-cells #color-green
|
||||
{z-index: 1}
|
||||
{pointer-events: auto;}
|
||||
|
||||
#show-border[type="checkbox"]:checked ~ #config-indicator #config-indicator--border,
|
||||
#opacity-color[type="checkbox"]:checked ~ #config-indicator #config-indicator--mixing,
|
||||
|
|
|
@ -58,9 +58,9 @@ fieldset {
|
|||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 0;
|
||||
display: grid;
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
grid-template-rows: repeat([=canvas_r], 1fr);
|
||||
grid-template-columns: repeat([=canvas_c], 1fr);
|
||||
}
|
||||
|
@ -149,7 +149,7 @@ label.cell{background-color: var(--color); opacity: 0}
|
|||
#select-color-black[type="radio"]:checked ~ #grid-cells #color-black ,
|
||||
#select-color-white[type="radio"]:checked ~ #grid-cells #color-white ,
|
||||
#select-color-green[type="radio"]:checked ~ #grid-cells #color-green
|
||||
{z-index: 1}
|
||||
{pointer-events: auto;}
|
||||
|
||||
#show-border[type="checkbox"]:checked ~ #config-indicator #config-indicator--border,
|
||||
#opacity-color[type="checkbox"]:checked ~ #config-indicator #config-indicator--mixing,
|
||||
|
|
Loading…
Reference in New Issue