Crazyhouse: back to previous design; style to be improved

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)
 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)
 
 
 Bug MarseilleRules turn issue in computer game (last move is wrong)
 

diff --git a/public/javascripts/components/game.js b/public/javascripts/components/game.js
index ac03c8f..4c369e4 100644 (file)
--- a/public/javascripts/components/game.js
+++ b/public/javascripts/components/game.js
@@ -443,7 +443,7 @@ Vue.component('my-game', {
                                {
                                        myReservePiecesArray.push(h('div',
                                        {
                                {
                                        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}) }
                                        },
                                        [
                                                attrs: { id: this.getSquareId({x:sizeX+shiftIdx,y:i}) }
                                        },
                                        [


@@ -467,7 +467,7 @@ Vue.component('my-game', {
                                {
                                        oppReservePiecesArray.push(h('div',
                                        {
                                {
                                        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}) }
                                        },
                                        [
                                                attrs: { id: this.getSquareId({x:sizeX+(1-shiftIdx),y:i}) }
                                        },
                                        [

diff --git a/public/stylesheets/variant.sass b/public/stylesheets/variant.sass
index c5e38a8..355f3c8 100644 (file)
--- a/public/stylesheets/variant.sass
+++ b/public/stylesheets/variant.sass
@@ -161,10 +161,6 @@ div.board8
   width: 12.5%
   padding-bottom: 12.5%
 
   width: 12.5%
   padding-bottom: 12.5%
 

-div.board8-reserve
-  width: 10%
-  padding-bottom: 10%
-

 div.board10
   width: 10%
   padding-bottom: 10%
 div.board10
   width: 10%
   padding-bottom: 10%