Embed: tweak for non-touch: hide settings menu when gear icon is tapped (for mobile)

This commit is contained in:
Cat 2020-07-27 16:25:08 +02:00 committed by Thulinma
parent e0e272b2e9
commit bf5a327468
7 changed files with 27 additions and 4 deletions

View file

@ -677,6 +677,8 @@ MistSkins["default"] = {
var MistVideo = this;
var button = this.skin.icons.build("fullscreen",16);
MistUtil.class.remove(button,"fullscreen");
MistUtil.class.add(button,"draggable-icon");
container.appendChild(button);
button.style.alignSelf = "flex-end";
button.style.position = "absolute";
@ -1204,9 +1206,14 @@ MistSkins["default"] = {
var MistVideo = this;
var button = this.skin.icons.build("settings");
var touchmode = (typeof document.ontouchstart != "undefined");
MistUtil.event.addListener(button,"click",function(){
if (MistVideo.container.hasAttribute("data-show-submenu")) {
MistVideo.container.setAttribute("data-hide-submenu",""); //don't show even when hovering
if (touchmode) {
MistVideo.container.setAttribute("data-hide-submenu",""); //don't show even when hovering
}
MistVideo.container.removeAttribute("data-show-submenu");
}
else {