From: Benjamin Auder Date: Thu, 6 Feb 2020 00:53:00 +0000 (+0100) Subject: Graphical fix + remove Switching variant X-Git-Url: https://git.auder.net/pieces/current/js/index.js?a=commitdiff_plain;h=168a5e4cb38413c58d6beae083014eb67dba6b97;p=vchess.git Graphical fix + remove Switching variant --- diff --git a/client/src/components/Board.vue b/client/src/components/Board.vue index 4123defa..5bc8ec25 100644 --- a/client/src/components/Board.vue +++ b/client/src/components/Board.vue @@ -41,6 +41,9 @@ export default { const squareWidth = (!!boardElt ? boardElt.offsetWidth / sizeY : 40); //arbitrary value (not relevant) + const offset = (!!boardElt + ? [boardElt.offsetTop, boardElt.offsetLeft] + : [0, 0]); const choices = h( 'div', { @@ -48,7 +51,8 @@ export default { 'class': { 'row': true }, style: { "display": (this.choices.length > 0 ? "block" : "none"), - "top": ((sizeY/2)*squareWidth+squareWidth/2) + "px", + "top": (offset[0] + (sizeY/2)*squareWidth-squareWidth/2) + "px", + "left": (offset[1] + squareWidth*(sizeY - this.choices.length)/2) + "px", "width": (this.choices.length * squareWidth) + "px", "height": squareWidth + "px", }, @@ -399,8 +403,8 @@ div.board11 cursor: pointer #choices - margin: 0 auto 0 auto - position: relative + margin: 0 + position: absolute z-index: 300 overflow-y: inherit background-color: rgba(0,0,0,0) diff --git a/server/db/populate.sql b/server/db/populate.sql index 33d5d2e0..96f9e07e 100644 --- a/server/db/populate.sql +++ b/server/db/populate.sql @@ -15,7 +15,6 @@ insert or ignore into Variants (name,description) values ('Losers', 'Lose all pieces'), ('Magnetic', 'Laws of attraction'), ('Marseille', 'Move twice'), - ('Switching', 'Exchange pieces positions'), ('Upsidedown', 'Board upside down'), ('Wildebeest', 'Balanced sliders & leapers'), ('Zen', 'Reverse captures');