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

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
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(){
if(this.chatPanel.style.display != "none"){
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
var pageBreak = document.body.scrollWidth - document.body.getBoundingClientRect().width;