LogalDeveloper/owncast
0
Fork 0
Code Activity

simplified layout updates based on only media queries

Browse Source
This commit is contained in:
Ginger Wong
2020-07-18 17:15:52 -07:00
parent addfce2ec9
commit 0af67c0cdc
4 changed files with 66 additions and 130 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
webroot/js/app.js
View File

@@ -46,7 +46,7 @@ class Owncast {
el: '#app-container',
data: {
isOnline: false,
layout: hasTouchScreen() ? 'touch' : 'desktop',
// layout: hasTouchScreen() ? 'touch' : 'desktop',
messages: [],
overallMaxViewerCount: 0,
sessionMaxViewerCount: 0,

19
webroot/js/message.js
View File

@@ -73,14 +73,14 @@ class MessagingInterface {
this.initLocalStates();
if (hasTouchScreen()) {
this.scrollableMessagesContainer = document.body;
this.tagAppContainer.classList.add('touch-screen');
window.onorientationchange = this.handleOrientationChange.bind(this);
this.handleOrientationChange();
} else {
this.tagAppContainer.classList.add('desktop');
}
// if (hasTouchScreen()) {
// this.scrollableMessagesContainer = document.body;
// this.tagAppContainer.classList.add('touch-screen');
// window.onorientationchange = this.handleOrientationChange.bind(this);
// this.handleOrientationChange();
// } else {
// this.tagAppContainer.classList.add('desktop');
// }
}
setWebsocket(socket) {
@@ -113,7 +113,7 @@ class MessagingInterface {
this.tagAppContainer.classList.remove('chat');
}
}
/*
handleOrientationChange() {
var isPortrait = Math.abs(window.orientation % 180) === 0;
if(!isPortrait) {
@@ -128,6 +128,7 @@ class MessagingInterface {
this.tagAppContainer.classList.remove('landscape');
}
}
*/
handleChatToggle() {
this.chatDisplayed = !this.chatDisplayed;