KevinMidboe/zoff
1
0
Fork 0
mirror of https://github.com/KevinMidboe/zoff.git synced 2025-10-29 18:00:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixed scaling issues with chat and soundcloud players on resizing

Browse Source
This commit is contained in:
Kasper Rynning-Tønnesen
2018-06-28 16:51:31 +02:00
parent cf68d52afb
commit 6fa293aba4
4 changed files with 22 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
server/public/assets/js/functions.js
View File

@@ -784,10 +784,17 @@ function resizePlaylistPlaying(playing) {
if(window.innerWidth < 601) {
var subtract = 0;
if(playing) {
Helper.css("#chat-bar", "height", window.innerHeight - 246 - subtract + "px");
var height = window.innerHeight - 246 - 170 - subtract;
Helper.css("#chat-bar", "height", height + "px");
Helper.css("#channelchat", "height", height - 130 + "px");
Helper.css("#all_chat", "height", height - 130 + "px");
Helper.css("#chat-container", "height", height + "px");
subtract = 200;
} else {
document.querySelector("#chat-bar").style.height = "";
document.querySelector("#channelchat").style.height = "";
document.querySelector("#all_chat").style.height = "";
document.querySelector("#chat-container").style.height = "";
}
Helper.css("#wrapper", "height", window.innerHeight - 246 - subtract + "px");
var temp_fit = Math.round(Helper.computedStyle("#wrapper", "height") / 71)+1;

6
server/public/assets/js/listeners.js
View File

@@ -1280,8 +1280,12 @@ window.addEventListener("resize", function(){
if(chan && !Helper.mobilecheck()){
if(window.innerWidth > 600 && document.querySelector("#wrapper").style.height != "") {
document.querySelector("#wrapper").style.height = "";
document.querySelector("#chat-bar").style.height = "";
document.querySelector("#channelchat").style.height = "";
document.querySelector("#all_chat").style.height = "";
document.querySelector("#chat-container").style.height = "";
} else if(window.innerWidth < 601) {
resizePlaylistPlaying(Player.player.getPlayerState() == YT.PlayerState.PLAYING);
resizePlaylistPlaying(Player.player.getPlayerState() == YT.PlayerState.PLAYING || Player.soundcloud_player.isPlaying());
return;
}
var temp_fit = Math.round(Helper.computedStyle("#wrapper", "height") / 71)+1;

7
server/public/assets/js/player.js
View File

@@ -626,6 +626,9 @@ var Player = {
end_programmatically = false;
} else {
was_stopped = true;
if(!embed && !client && window.location.pathname != "/") {
resizePlaylistPlaying(false);
}
if(!chromecastAvailable){
if(Helper.mobilecheck()) {
Helper.css("#playpause", "visibility", "visible");
@@ -665,6 +668,10 @@ var Player = {
//}
}
if(!embed && !client && window.location.pathname != "/") {
resizePlaylistPlaying(true);
}
Helper.css("#playpause", "visibility", "visible");
Helper.css("#playpause", "pointer-events", "all");
playing = true;