diff --git a/git-tutorial.js b/git-tutorial.js index a92f220..d7dbe85 100644 --- a/git-tutorial.js +++ b/git-tutorial.js @@ -727,11 +727,14 @@ function ___show_graphview_hover(id, default_id) { ___hide_graphview_hover(___current_hover_graphview, default_id); } ___current_hover_graphview = id; - // There's a bug on chrome mobile which still shows the border despite the hidden visibility, hoping opacity = 0 will fix this. + // There's a bug on chrome mobile which still shows the border despite the hidden visibility, + // hoping opacity: 0 and pointer-events: none will fix this. document.getElementById(default_id).style.visibility = 'hidden'; document.getElementById(default_id).style.opacity = '0'; + document.getElementById(default_id).style.pointerEvents = 'none'; document.getElementById(id).style.visibility = 'visible'; document.getElementById(id).style.opacity = '1'; + document.getElementById(id).style.pointerEvents = 'auto'; } function ___hide_graphview_hover(id, default_id) { @@ -739,8 +742,10 @@ function ___hide_graphview_hover(id, default_id) { ___current_hover_graphview = default_id; document.getElementById(default_id).style.visibility = 'visible'; document.getElementById(default_id).style.opacity = '1'; + document.getElementById(default_id).style.pointerEvents = 'auto'; document.getElementById(id).style.visibility = 'hidden'; document.getElementById(id).style.opacity = '0'; + document.getElementById(id).style.pointerEvents = 'none'; } var ___legend = '' @@ -778,7 +783,7 @@ function ___filesystem_to_graphview(filesystem, previous_filesystem) { gv += entry.gv; var entry_hover_id = ___global_unique_id++; var entry_hover = ''; - entry_hover += '
' + ___format_filepath(entries[i][0]) + ' |
---|