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