fix: Editor on mobile... maybe

Author: prima

klite.embd

@@ -41410,7 +41410,50 @@ let checkFinalThoughtsPrompt = `Action: {"command":{"name":"thought","args":{"me
 		let editorContentArea = document.querySelector(".md-editor-content-area")
 		editorContentArea.prepend(rawTextEditor)
 
+		let fixMobileSizing = () => {
+			const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
+
+			let portrait = true
+			switch (screen?.orientation?.type) {
+				case "landscape-primary":
+				case "landscape-secondary":
+					portrait = false
+					break;
+			}
+
+			let activeTab = document.querySelector(".md-tab-button.active")
+			if (!!activeTab)
+			{
+				let contentArea = document.getElementsByClassName("md-editor-content-area")[0];
+				if (isMobile)
+				{
+					if (activeTab.innerText === "Raw text") {
+						contentArea.style.maxHeight = "calc(100% - 40px)"
+					}
+					else if (activeTab.innerText === "WYSIWYG") {
+						if (portrait)
+						{
+							contentArea.style.maxHeight = "calc(100% - 130px)"
+						}
+						else
+						{
+							contentArea.style.maxHeight = "calc(100% - 90px)"
+						}
+					}
+					else if (activeTab.innerText === "Markdown") {
+						contentArea.style.maxHeight = "calc(100% - 90px)"
+					}
+				}
+				else
+				{
+					contentArea.style.maxHeight = ""
+				}
+			}
+		}
+
 		let scrollToBottom = () => {
+			fixMobileSizing()
+
 			setTimeout(() => {
 				// Scroll to latest message
 				[...document.querySelectorAll("#rawTextEditor, .md-editable-area, .md-markdown-area")].forEach(elem => elem.scrollTo(0, elem.scrollHeight));
@@ -41425,7 +41468,7 @@ let checkFinalThoughtsPrompt = `Action: {"command":{"name":"thought","args":{"me
 
 			elem.target.classList.add("active")
 
-			let toolbarElem = document.getElementsByClassName("md-toolbar")[0]
+			let toolbarElem = document.getElementsByClassName("md-toolbar")[0];
 			if (elem.target.innerText === "Raw text") {
 				rawTextEditor.style.display = "block"
 				toolbarElem.style.display = "none"
@@ -41438,6 +41481,7 @@ let checkFinalThoughtsPrompt = `Action: {"command":{"name":"thought","args":{"me
 				document.querySelectorAll(".md-markdown-area").forEach(elem => elem.style.display = "block")
 				toolbarElem.style.display = "flex"
 			}
+
 			scrollToBottom()
 		}))
 		rawButton.dispatchEvent(new CustomEvent("mouseup", { target: rawButton }))