jketreno/peddlers-of-ketran
1
0
Fork 0
Code Issues 42 Activity

Color selection test working

Browse Source 
Signed-off-by: James Ketrenos <james_eikona@ketrenos.com>
This commit is contained in:
James Ketrenos 2022-02-03 21:41:26 -08:00
parent 63a41723be
commit b8195b6b8b
2 changed files with 15 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
client/src/Board.css
View File

@ -85,6 +85,18 @@
} }
.Selected { .Selected {
background-color: rgba(255, 238, 0, 0.5); background-color: rgba(0, 0, 0, 0.5);
box-shadow: 5px 5px 5px black; box-shadow: 5px 5px 5px black;
}
.Selected[data-color='R'] {
background-color: rgba(255, 0, 0, 0.5);
}
.Selected[data-color='O'] {
background-color: rgba(255, 196, 0, 0.5);
}
.Selected[data-color='W'] {
background-color: rgba(255, 255, 255, 0.5);
}
.Selected[data-color='B'] {
background-color: rgba(0, 0, 255, 0.5);
} }

2
client/src/Board.js
View File

@ -41,6 +41,7 @@ const Board = ({ game }) => {
el.classList.remove('Selected'); el.classList.remove('Selected');
} }
} }
event.target.setAttribute("data-color", game.color);
event.target.classList.toggle('Selected'); event.target.classList.toggle('Selected');
}; };
return <div className="Road" return <div className="Road"
@ -64,6 +65,7 @@ const Board = ({ game }) => {
} }
} }
event.target.classList.toggle('Selected'); event.target.classList.toggle('Selected');
event.target.setAttribute("data-color", game.color);
}; };
return <div className="Corner" return <div className="Corner"
onClick={onClick} onClick={onClick}