From: Benjamin Auder <benjamin.auder@somewhere>
Date: Mon, 19 Nov 2018 13:39:10 +0000 (+0100)
Subject: Display tooltips below (better on smartphones I think)
X-Git-Url: https://git.auder.net/game/current/doc/html/img/css/rpsls.js?a=commitdiff_plain;h=0706ea91c99bc75c526fc9ac1ab62fe7999c7069;p=vchess.git

Display tooltips below (better on smartphones I think)
---

diff --git a/TODO b/TODO
index a51301d2..8dacb293 100644
--- a/TODO
+++ b/TODO
@@ -1,6 +1,4 @@
 PGN text is not selectable (understand why?!)
-Change cursor when computer "think" (sablier)
-Tooltip text should fade (even when mouse stay on it, especially for small screens)
 Checkered stage 2: switch button at reserve position (or on top).
 Mode expert: game.js, button on top (with online indicator)
 Turn indicator on top too (black or white)
diff --git a/public/javascripts/components/game.js b/public/javascripts/components/game.js
index e412525f..30ed7e0b 100644
--- a/public/javascripts/components/game.js
+++ b/public/javascripts/components/game.js
@@ -40,6 +40,7 @@ Vue.component('my-game', {
 					attrs: { "aria-label": 'New game VS human' },
 					'class': {
 						"tooltip": true,
+						"bottom": true, //display below
 						"seek": this.seek,
 						"playing": playingHuman,
 					},
@@ -51,6 +52,7 @@ Vue.component('my-game', {
 					attrs: { "aria-label": 'New game VS computer' },
 					'class': {
 						"tooltip":true,
+						"bottom": true,
 						"playing": playingComp,
 					},
 				},
@@ -180,7 +182,10 @@ Vue.component('my-game', {
 					{
 						on: { click: this.resign },
 						attrs: { "aria-label": 'Resign' },
-						'class': { "tooltip":true },
+						'class': {
+							"tooltip":true,
+							"bottom": true,
+						},
 					},
 					[h('i', { 'class': { "material-icons": true } }, "flag")])
 			);