highlight the piece beside the name of the current player or winner
This commit is contained in:
parent
f2fad336a3
commit
d020e94ac0
|
|
@ -244,6 +244,16 @@ button#settings, button#cb_choose_game {
|
|||
height: 3rem;
|
||||
}
|
||||
|
||||
#cb_names.cb-light-turn::before {
|
||||
filter: drop-shadow(0 0 5px blue);
|
||||
-webkit-filter: drop-shadow(0 0 5px blue);
|
||||
}
|
||||
|
||||
#cb_names.cb-light-won::before {
|
||||
filter: drop-shadow(0 0 5px darkviolet);
|
||||
-webkit-filter: drop-shadow(0 0 5px darkviolet);
|
||||
}
|
||||
|
||||
#cb_names::after {
|
||||
content: '';
|
||||
display: block;
|
||||
|
|
@ -257,6 +267,16 @@ button#settings, button#cb_choose_game {
|
|||
height: 3rem;
|
||||
}
|
||||
|
||||
#cb_names.cb-dark-turn::after {
|
||||
filter: drop-shadow(0 0 5px blue);
|
||||
-webkit-filter: drop-shadow(0 0 5px blue);
|
||||
}
|
||||
|
||||
#cb_names.cb-dark-won::after {
|
||||
filter: drop-shadow(0 0 5px darkviolet);
|
||||
-webkit-filter: drop-shadow(0 0 5px darkviolet);
|
||||
}
|
||||
|
||||
#cb_names .cb-names-vs {
|
||||
padding-left: 0.25em;
|
||||
padding-right: 0.25em;
|
||||
|
|
|
|||
|
|
@ -264,6 +264,8 @@ $(function (){
|
|||
$('#cb_board .cb-end').removeClass('cb-end');
|
||||
$('#cb_board .cb-legal').removeClass('cb-legal');
|
||||
$('#cb_explain_check').text('');
|
||||
$('#cb_names').removeClass('cb-light-turn').removeClass('cb-dark-turn');
|
||||
$('#cb_names').removeClass('cb-light-won').removeClass('cb-dark-won');
|
||||
$('#cb_phantom').remove();
|
||||
|
||||
const game = visibleGame;
|
||||
|
|
@ -389,6 +391,18 @@ $(function (){
|
|||
} else {
|
||||
$('#cb_board').removeClass('cb-live').addClass('cb-archive');
|
||||
}
|
||||
|
||||
if (game.status === PS.PLAYING) {
|
||||
if (game.player === PS.LIGHT) {
|
||||
$('#cb_names').addClass('cb-light-turn');
|
||||
} else {
|
||||
$('#cb_names').addClass('cb-dark-turn');
|
||||
}
|
||||
} else if (game.winner === PS.LIGHT) {
|
||||
$('#cb_names').addClass('cb-light-won');
|
||||
} else if (game.winner === PS.DARK) {
|
||||
$('#cb_names').addClass('cb-dark-won');
|
||||
}
|
||||
}
|
||||
|
||||
function applyTheme(theme) {
|
||||
|
|
|
|||
Loading…
Reference in New Issue