Fix color switching bug

Signed-off-by: adrien <adrien@iglou.eu>
This commit is contained in:
adrien 2020-03-29 18:30:11 +02:00
parent 4523142003
commit 2b2a15d6e9
5 changed files with 10 additions and 10 deletions

View File

@ -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,

View File

@ -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,

View File

@ -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,

View File

@ -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,

View File

@ -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,