hydrar/mistserver
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

6
embed/min/player.js
View file

File diff suppressed because one or more lines are too long

1
embed/min/skins/default.css
View file

@ -84,6 +84,7 @@ svg.icon.timeout{display:inline-block;height:1em;width:1em;margin:0;margin-right
.mistvideo-secondaryVideo{z-index:1;position:absolute;right:0;top:0;width:50%;height:50%;max-width:fit-content;max-height:fit-content}
.mistvideo-polling{display:inline-block;position:relative;width:25px;height:25px}
.mistvideo-polling svg.icon.loading{z-index:0;opacity:1}
.mistvideo:not([data-hide-submenu]) .mistvideo-hoverWindow:hover>svg.icon.settings .fill,.mistvideo[data-fullscreen] svg.icon.fullscreen .fill,.mistvideo[data-show-submenu] svg.icon.settings .fill{fill:$accent}
.mistvideo[data-show-submenu] .mistvideo-submenu{right:5px}
.mistvideo[data-hide-submenu] .mistvideo-submenu{right:-1000px!important}
.mistvideo[data-show-submenu] .mistvideo-controls{bottom:0}

1
embed/min/skins/dev.css
View file

@ -84,6 +84,7 @@ svg.icon.timeout{display:inline-block;height:1em;width:1em;margin:0;margin-right
.mistvideo-secondaryVideo{z-index:1;position:absolute;right:0;top:0;width:50%;height:50%;max-width:fit-content;max-height:fit-content}
.mistvideo-polling{display:inline-block;position:relative;width:25px;height:25px}
.mistvideo-polling svg.icon.loading{z-index:0;opacity:1}
.mistvideo:not([data-hide-submenu]) .mistvideo-hoverWindow:hover>svg.icon.settings .fill,.mistvideo[data-fullscreen] svg.icon.fullscreen .fill,.mistvideo[data-show-submenu] svg.icon.settings .fill{fill:$accent}
.mistvideo[data-show-submenu] .mistvideo-submenu{right:5px}
.mistvideo[data-hide-submenu] .mistvideo-submenu{right:-1000px!important}
.mistvideo[data-show-submenu] .mistvideo-controls{bottom:0}

4
embed/min/wrappers/webrtc.js
View file

File diff suppressed because one or more lines are too long

2
embed/player.js
View file

@ -900,7 +900,7 @@ function MistVideo(streamName,options) {
});
}
if ("WebSocket" in window) {
if (false) { //if ("WebSocket" in window) {
function openSocket() {
MistVideo.log("Opening stream status stream..");
var url = MistVideo.options.host.replace(/^http/i,"ws");

9
embed/skins.js
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 {

6
embed/skins/default.css
View file

@ -111,6 +111,12 @@ svg.icon.timeout {
z-index: 0;
opacity: 1;
}
.mistvideo:not([data-hide-submenu]) .mistvideo-hoverWindow:hover >svg.icon.settings .fill,
.mistvideo[data-show-submenu] svg.icon.settings .fill,
.mistvideo[data-fullscreen] svg.icon.fullscreen .fill {
fill: $accent;
}
.mistvideo[data-show-submenu] .mistvideo-submenu {
right: 5px;
}