From: Benjamin Auder <benjamin.auder@somewhere>
Date: Wed, 26 Dec 2018 21:55:45 +0000 (+0100)
Subject: Crazyhouse: back to previous design; style to be improved
X-Git-Url: https://git.auder.net/doc/%7B%7B%20asset%28%27mixstore/current/img/mini-custom.min.css?a=commitdiff_plain;h=684e1cace30baf9cf5b9d8827ae6c86378a5dff1;p=vchess.git

Crazyhouse: back to previous design; style to be improved
---

diff --git a/TODO b/TODO
index 3f79e69f..0ab079df 100644
--- 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)
 
diff --git a/public/javascripts/components/game.js b/public/javascripts/components/game.js
index ac03c8fc..4c369e4c 100644
--- a/public/javascripts/components/game.js
+++ b/public/javascripts/components/game.js
@@ -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}) }
 					},
 					[
diff --git a/public/stylesheets/variant.sass b/public/stylesheets/variant.sass
index c5e38a89..355f3c84 100644
--- a/public/stylesheets/variant.sass
+++ b/public/stylesheets/variant.sass
@@ -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%