diff --git a/src/components/farm/Board.jsx b/src/components/farm/Board.jsx index c9e1ad2..6924343 100644 --- a/src/components/farm/Board.jsx +++ b/src/components/farm/Board.jsx @@ -1737,7 +1737,8 @@ class Board extends React.Component { render() { const rh = this.props.height || '20px'; // height={h} const renderSpace = (s, h, o) => - (); + (); return ( @@ -2244,7 +2245,9 @@ class BoardApp extends React.Component { return (
{alertOverlay} - + diff --git a/src/components/farm/PlayerIcon.jsx b/src/components/farm/PlayerIcon.jsx index 751faf0..d392e0a 100644 --- a/src/components/farm/PlayerIcon.jsx +++ b/src/components/farm/PlayerIcon.jsx @@ -22,8 +22,9 @@ export default class PlayerIcon extends React.Component { render() { return (
- {this.props.colors - .map(c => (
))} + {this.props.colors.map(c => ( +
+ ))}
); } diff --git a/src/components/farm/SpaceNode.jsx b/src/components/farm/SpaceNode.jsx index 665efdf..bc4ea3f 100644 --- a/src/components/farm/SpaceNode.jsx +++ b/src/components/farm/SpaceNode.jsx @@ -73,7 +73,7 @@ class SpaceNode extends React.Component { {title}
) : (null)} - { this.props.space.players.length ? : ''} + { this.props.space.players.length ? : ''}
{this.props.space.description}
diff --git a/src/style.scss b/src/style.scss index 28bb831..aea3f75 100644 --- a/src/style.scss +++ b/src/style.scss @@ -244,6 +244,23 @@ $tab-margin: 0.3rem; margin-top: 4px; margin-left: 5px; } +.player-current { + position: relative; + box-shadow: 0 1px 2px rgba(0,0,0,0.15); + transition: all 0.3s ease-in-out; } + +.player-current::after { + content: ''; + position: absolute; + width: 100%; + height: 100%; + border-radius: 12px; + top: 0; + left: 0; + background-color: rgba(255, 255, 255, 0.5); + box-shadow: 0 0px 5px $primary-color; + animation: die-pulse 2s ease-in-out infinite; } + .player-selectable { border: 4px solid #ff816e; cursor: pointer;