From 5b94c5cc110f9367b844a622aa0ef4aabef34750 Mon Sep 17 00:00:00 2001
From: RblSb <msrblsb@gmail.com>
Date: Sat, 23 May 2020 22:33:44 +0300
Subject: Scroll to chat end on input touch

---
 res/client.js   | 8 +++++++-
 res/css/des.css | 2 +-
 2 files changed, 8 insertions(+), 2 deletions(-)

(limited to 'res')

diff --git a/res/client.js b/res/client.js
index 318971b..0d19189 100644
--- a/res/client.js
+++ b/res/client.js
@@ -726,7 +726,13 @@ client_Buttons.initChatInput = function(main) {
 			guestPass.value = "";
 		}
 	};
-	new client_InputWithHistory(window.document.querySelector("#chatline"),null,50,function(value) {
+	var chatline = window.document.querySelector("#chatline");
+	chatline.onfocus = function(e) {
+		if(client_Utils.isTouch()) {
+			main.scrollChatToEnd();
+		}
+	};
+	new client_InputWithHistory(chatline,null,50,function(value) {
 		main.send({ type : "Message", message : { clientName : "", text : value}});
 		return true;
 	});
diff --git a/res/css/des.css b/res/css/des.css
index 57e4446..70d0cff 100644
--- a/res/css/des.css
+++ b/res/css/des.css
@@ -506,7 +506,7 @@ footer#footer {
   background-color: var(--background-chat);
   overflow-y: scroll;
   position: absolute;
-  top: 3rem;
+  top: 4rem;
   left: 1rem;
   bottom: 1rem;
   right: 1rem;
-- 
cgit v1.2.3