From 0706ea91c99bc75c526fc9ac1ab62fe7999c7069 Mon Sep 17 00:00:00 2001
From: Benjamin Auder <benjamin.auder@somewhere>
Date: Mon, 19 Nov 2018 14:39:10 +0100
Subject: [PATCH] Display tooltips below (better on smartphones I think)

---
 TODO                                  | 2 --
 public/javascripts/components/game.js | 7 ++++++-
 2 files changed, 6 insertions(+), 3 deletions(-)

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")])
 			);
-- 
2.44.0