diff --git a/client/assets/styles/game.less b/client/assets/styles/game.less index bbe14129..bd6adab4 100644 --- a/client/assets/styles/game.less +++ b/client/assets/styles/game.less @@ -197,9 +197,6 @@ } .combat-anim { - max-width: 100%; - max-height: 100%; - height: 100%; width: 100%; display: flex; flex-flow: column; @@ -300,7 +297,7 @@ pointer-events: none; } -.resolving .skills button { +.animating .skills { opacity: 0; } diff --git a/client/src/animations.socket.jsx b/client/src/animations.socket.jsx index 16decdef..edd822c6 100644 --- a/client/src/animations.socket.jsx +++ b/client/src/animations.socket.jsx @@ -53,7 +53,6 @@ function createSocket(store) { timeout - TIMES.POST_SKILL_DURATION_MS ); } - return false; return setTimeout(() => { store.dispatch(actions.setAnimSource(null)); store.dispatch(actions.setAnimTarget(null)); diff --git a/client/src/components/game.construct.jsx b/client/src/components/game.construct.jsx index 01d81cdf..ea4db106 100644 --- a/client/src/components/game.construct.jsx +++ b/client/src/components/game.construct.jsx @@ -94,7 +94,7 @@ class GameConstruct extends Component { .map(j => ); let crypSkills =
 
; - if (player && !animating) crypSkills = (
{skills}
); + if (player) crypSkills = (
{skills}
); const effects = construct.effects.length ? construct.effects.map(c =>
{c.effect} - {c.duration}T
) diff --git a/client/src/components/game.jsx b/client/src/components/game.jsx index 95c34691..88cc3a1d 100644 --- a/client/src/components/game.jsx +++ b/client/src/components/game.jsx @@ -12,7 +12,7 @@ const addState = connect( ws, game, account, - resolution, + animating, activeSkill, activeConstruct, } = state; @@ -32,7 +32,7 @@ const addState = connect( return { game, account, - resolution, + animating, activeSkill, activeConstruct, selectSkillTarget, @@ -57,7 +57,7 @@ function Game(props) { const { game, account, - resolution, + animating, setActiveSkill, setActiveConstruct, } = props; @@ -87,7 +87,7 @@ function Game(props) { ); } - const gameClasses = `game ${resolution ? 'resolving': ''}`; + const gameClasses = `game ${animating ? 'animating' : ''}`; function gameClick(e) { e.stopPropagation();