markup and styles for simple mobile only

webroot/js/app.js

@@ -27,7 +27,7 @@ function setupApp() {
 
   // style hackings
   window.VIDEOJS_NO_DYNAMIC_STYLE = true;
-  setVHvar();
+  // setVHvar();
 
 
   // init messaging interactions

webroot/js/message.js

@@ -99,12 +99,16 @@ class Messaging {
 		this.imgUsernameAvatar.src = this.avatarSource + username;
 	}
 	displayChat() {
-		this.tagAppContainer.className = this.chatDisplayed ?  "flex" : "flex no-chat";
+		if (this.chatDisplayed) {
+			this.tagAppContainer.classList.remove("no-chat");
+		} else {
+			this.tagAppContainer.classList.add("no-chat");
+		}
 	}
 
 	handleOrientationChange() {
 		console.log("====orientation change 123", event, window.screen.orientation, window.orientation,  window.matchMedia("(orientation: landscape)"))
-		mobileVHhack();
+		// mobileVHhack();
 		// if small landscape, hide chat
 		// var mql = window.matchMedia("(orientation: landscape)"); // what it _was_
 

webroot/js/utils.js

@@ -23,9 +23,9 @@ function clearLocalStorage(key) {
 }
 
 function jumpToBottom(id) {
-  const div = document.querySelector(id);
+  const div = id ? document.querySelector(id) : document.body;
   div.scrollTo({
-    top: div.scrollHeight,// - div.clientHeight,
+    top: div.scrollHeight,
     left: 0,
     behavior: 'smooth'
   });