summaryrefslogtreecommitdiff
path: root/src/web/app/common/views/components
diff options
context:
space:
mode:
authorsyuilo <syuilotan@yahoo.co.jp>2018-03-07 22:25:26 +0900
committersyuilo <syuilotan@yahoo.co.jp>2018-03-07 22:25:26 +0900
commit4b7efd1f17e8029f352ea098d7c7b2898bf8b5ea (patch)
tree8afc4ca0f1ddf6ebac1c61aca44e540cec874197 /src/web/app/common/views/components
parentv4010 (diff)
downloadsharkey-4b7efd1f17e8029f352ea098d7c7b2898bf8b5ea.tar.gz
sharkey-4b7efd1f17e8029f352ea098d7c7b2898bf8b5ea.tar.bz2
sharkey-4b7efd1f17e8029f352ea098d7c7b2898bf8b5ea.zip
:v:
Diffstat (limited to 'src/web/app/common/views/components')
-rw-r--r--src/web/app/common/views/components/othello.game.vue5
1 files changed, 4 insertions, 1 deletions
diff --git a/src/web/app/common/views/components/othello.game.vue b/src/web/app/common/views/components/othello.game.vue
index 70c9965ee4..1cb2400f7e 100644
--- a/src/web/app/common/views/components/othello.game.vue
+++ b/src/web/app/common/views/components/othello.game.vue
@@ -10,7 +10,7 @@
</p>
<div class="board">
<div v-for="(stone, i) in o.board"
- :class="{ empty: stone == null, myTurn: isMyTurn, can: o.canReverse(turn.id == game.black_user.id ? 'black' : 'white', i) }"
+ :class="{ empty: stone == null, myTurn: isMyTurn, can: o.canReverse(turn.id == game.black_user.id ? 'black' : 'white', i), prev: o.prevPos == i }"
@click="set(i)"
>
<img v-if="stone == 'black'" :src="`${game.black_user.avatar_url}?thumbnail&size=64`" alt="">
@@ -218,6 +218,9 @@ export default Vue.extend({
&:active
background darken($theme-color, 10%)
+ &.prev
+ box-shadow 0 0 0 4px rgba($theme-color, 0.7)
+
> img
display block
width 100%