projects
/
vchess.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Display tooltips below (better on smartphones I think)
[vchess.git]
/
public
/
javascripts
/
components
/
game.js
diff --git
a/public/javascripts/components/game.js
b/public/javascripts/components/game.js
index
e412525
..
30ed7e0
100644
(file)
--- 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,
attrs: { "aria-label": 'New game VS human' },
'class': {
"tooltip": true,
+ "bottom": true, //display below
"seek": this.seek,
"playing": playingHuman,
},
"seek": this.seek,
"playing": playingHuman,
},
@@
-51,6
+52,7
@@
Vue.component('my-game', {
attrs: { "aria-label": 'New game VS computer' },
'class': {
"tooltip":true,
attrs: { "aria-label": 'New game VS computer' },
'class': {
"tooltip":true,
+ "bottom": true,
"playing": playingComp,
},
},
"playing": playingComp,
},
},
@@
-180,7
+182,10
@@
Vue.component('my-game', {
{
on: { click: this.resign },
attrs: { "aria-label": 'Resign' },
{
on: { click: this.resign },
attrs: { "aria-label": 'Resign' },
- 'class': { "tooltip":true },
+ 'class': {
+ "tooltip":true,
+ "bottom": true,
+ },
},
[h('i', { 'class': { "material-icons": true } }, "flag")])
);
},
[h('i', { 'class': { "material-icons": true } }, "flag")])
);