From 4e26c41df1c90ec5fe4a782d74a81f937b1015f2 Mon Sep 17 00:00:00 2001
From: FChannel <>
Date: Mon, 4 Oct 2021 20:07:55 -0700
Subject: fix for reply box offset off screen

---
 static/bottom.html | 2 +-
 static/js/posts.js | 8 ++------
 2 files changed, 3 insertions(+), 7 deletions(-)

(limited to 'static')

diff --git a/static/bottom.html b/static/bottom.html
index 023deeb..ab8d88d 100644
--- a/static/bottom.html
+++ b/static/bottom.html
@@ -4,7 +4,7 @@
   <form onsubmit="sessionStorage.setItem('element-closed-reply', true)"  id="reply-post" action="/post" method="post" enctype="multipart/form-data">
     <input id="reply-name" name="name" size="43" type="text" placeholder="Name" maxlength="100">
     <input id="reply-options" name="options" size="43" type="text" placeholder="Options" maxlength="100">
-    <textarea id="reply-comment" name="comment" rows="12" cols="54" maxlength="2000" oninput="sessionStorage.setItem('element-reply-comment', document.getElementById('reply-comment').value)"></textarea>
+    <textarea id="reply-comment" name="comment" rows="12" cols="54" style="width: 396px;" maxlength="2000" oninput="sessionStorage.setItem('element-reply-comment', document.getElementById('reply-comment').value)"></textarea>
     <input id="reply-file" name="file" type="file">
     <input id="reply-submit" type="submit" value="Reply" style="float: right;">
     <input type="hidden" id="inReplyTo-box" name="inReplyTo" value="{{ .Board.InReplyTo }}">
diff --git a/static/js/posts.js b/static/js/posts.js
index 29541c0..b9e9706 100644
--- a/static/js/posts.js
+++ b/static/js/posts.js
@@ -164,11 +164,7 @@ function quote(actorName, opid, id)
     var inReplyTo = document.getElementById("inReplyTo-box");
 
     var w = window.innerWidth / 2 - 200;
-    if(id == "reply") {
-        var h = document.getElementById(id + "-content").offsetTop - 548;
-    } else {
-        var h = document.getElementById(id + "-content").offsetTop - 348;
-    }
+    var h = 300; //document.getElementById(id + "-content").offsetTop - 348;
 
     const boxStyle = "top: " + h + "px; left: " + w + "px;";
     box.setAttribute("style", boxStyle);
@@ -201,7 +197,7 @@ function report(actorName, id)
     var inReplyTo = document.getElementById("report-inReplyTo-box");
 
     var w = window.innerWidth / 2 - 200;
-    var h = document.getElementById(id + "-content").offsetTop - 348;
+    var h = 300; //document.getElementById(id + "-content").offsetTop - 348;
 
     const boxStyle = "top: " + h + "px; left: " + w + "px;";
     box.setAttribute("style", boxStyle);
-- 
cgit v1.2.3