action readyiness indication

This commit is contained in:
djmil 2023-11-11 11:37:17 +01:00
parent 703a6a0326
commit 82f5b07256
2 changed files with 7 additions and 4 deletions

View File

@ -97,16 +97,19 @@
margin: 2px; margin: 2px;
} }
.ActionPanel .Create:hover, /* OR */ .ActionPanel .Create.ready /* , */ /* OR .game-action.busy */
.game-action.busy
{ {
background-color:#00b0ff60; background-color:#00b0ff60;
} }
.ActionPanel .Create.enabled:active { .ActionPanel .Create.ready:hover {
background-color:#00b0ffa0; background-color:#00b0ffa0;
} }
.ActionPanel .Create.ready:active {
background-color:#00b0fff0;
}
.ActionPanel .Cancel:hover, .ActionPanel .Cancel:hover,
.ActionPanel .Reject:hover { .ActionPanel .Reject:hover {
background-color:#ff000030 background-color:#ff000030

View File

@ -25,7 +25,7 @@ export default function Create({ isCurrentUser }) {
return ( return (
<button className={'Create' <button className={'Create'
+ (hasPlayers && hasCurrentUser ? ' enabled' : ' disabled') + (hasPlayers && hasCurrentUser ? ' ready' : '')
} }
onClick={pushNewGame} onClick={pushNewGame}
> >