rainbownapkin/canopy
1
0
Fork 0
Code Issues 2 Pull requests Actions Packages Projects Releases Wiki Activity

Fixed bug with aspectLock which broke other UX

Browse source
This commit is contained in:
rainbow napkin 2024-12-05 04:22:24 -05:00
parent ee5a8d9516
commit a20bb99af2
2 changed files with 7 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
www/js/channel/chat.js
View file

@ -186,8 +186,12 @@ class chatBox{
sizeToAspect(){ sizeToAspect(){
if(this.chatPanel.style.display != "none"){ if(this.chatPanel.style.display != "none"){
var targetVidWidth = this.client.player.getRatio() * this.chatPanel.getBoundingClientRect().height; var targetVidWidth = this.client.player.getRatio() * this.chatPanel.getBoundingClientRect().height;
const targetChatWidth = window.innerWidth - targetVidWidth;
//This should be changeable in settings later on, for now it defaults to 20%
const limit = window.innerWidth * .2;
this.chatPanel.style.width = `${(document.body.getBoundingClientRect().width - targetVidWidth)}px`; //Set width to target or 20vh depending on whether or not we've hit the width limit
this.chatPanel.style.width = targetChatWidth > limit ? `${targetChatWidth}px` : '20vh';
//Fix busted layout //Fix busted layout
var pageBreak = document.body.scrollWidth - document.body.getBoundingClientRect().width; var pageBreak = document.body.scrollWidth - document.body.getBoundingClientRect().width;

4
www/js/channel/player.js
View file

@ -62,7 +62,7 @@ class player{
this.uiBar.style.display = show ? "flex" : "none"; this.uiBar.style.display = show ? "flex" : "none";
} }
toggleVideo(show = this.playerDiv.style.display == "none"){ toggleVideo(show = !this.playerDiv.checkVisibility()){
if(show){ if(show){
this.playerDiv.style.display = "flex"; this.playerDiv.style.display = "flex";
this.showVideoIcon.style.display = "none"; this.showVideoIcon.style.display = "none";
@ -78,7 +78,7 @@ class player{
} }
} }
toggleCinemaMode(cinema = this.navBar.style.display == "none"){ toggleCinemaMode(cinema = !this.navBar.checkVisibility()){
if(cinema){ if(cinema){
this.navBar.style.display = "flex"; this.navBar.style.display = "flex";
}else{ }else{