Crazyhouse: back to previous design; style to be improved
authorBenjamin Auder <benjamin.auder@somewhere>
Wed, 26 Dec 2018 21:55:45 +0000 (22:55 +0100)
committerBenjamin Auder <benjamin.auder@somewhere>
Wed, 26 Dec 2018 21:55:45 +0000 (22:55 +0100)
TODO
public/javascripts/components/game.js
public/stylesheets/variant.sass

diff --git a/TODO b/TODO
index 3f79e69..0ab079d 100644 (file)
--- a/TODO
+++ b/TODO
@@ -1,7 +1,7 @@
 Finish rules translation in Spanish
 
 Design: final touch (gain extra space on top, using space on the right)
-Crazyhouse: my reserve vertically on the right, opponent just below board
+Crazyhouse: center reserves, grey if zero available, numbers superimposed
 
 Bug MarseilleRules turn issue in computer game (last move is wrong)
 
index ac03c8f..4c369e4 100644 (file)
@@ -443,7 +443,7 @@ Vue.component('my-game', {
                                {
                                        myReservePiecesArray.push(h('div',
                                        {
-                                               'class': {'board':true, ['board'+sizeY+'-reserve']:true},
+                                               'class': {'board':true, ['board'+sizeY]:true},
                                                attrs: { id: this.getSquareId({x:sizeX+shiftIdx,y:i}) }
                                        },
                                        [
@@ -467,7 +467,7 @@ Vue.component('my-game', {
                                {
                                        oppReservePiecesArray.push(h('div',
                                        {
-                                               'class': {'board':true, ['board'+sizeY+'-reserve']:true},
+                                               'class': {'board':true, ['board'+sizeY]:true},
                                                attrs: { id: this.getSquareId({x:sizeX+(1-shiftIdx),y:i}) }
                                        },
                                        [
index c5e38a8..355f3c8 100644 (file)
@@ -161,10 +161,6 @@ div.board8
   width: 12.5%
   padding-bottom: 12.5%
 
-div.board8-reserve
-  width: 10%
-  padding-bottom: 10%
-
 div.board10
   width: 10%
   padding-bottom: 10%