From 7a2f3bde97c6eebb175ea4bacdcdb902693d451b Mon Sep 17 00:00:00 2001 From: OpSimple Date: Mon, 18 Jun 2018 00:02:03 +0530 Subject: Solved the sidebar scroll for mobile users Solved the most annoying problem for the mobile clients, the sidebar scroll. Yeah, we've experienced this situation when we couldn't invite someone who's at the last end of the sidebar with our mobile browser cause sidebar spills out of the screen when there's a lot of users connected. But, now this is solved by fixing the height of sidebar container to 90% when shown and to 0% when hidden. Ah! I was really grieving to get rid of this shit. --- client/client.js | 4 +++- client/style.css | 3 +++ 2 files changed, 6 insertions(+), 1 deletion(-) (limited to 'client') diff --git a/client/client.js b/client/client.js index 2147ba7..3adcd0e 100644 --- a/client/client.js +++ b/client/client.js @@ -24,7 +24,7 @@ var frontpage = [ "", "Legacy GitHub: https://github.com/AndrewBelt/hack.chat", "Android apps: https://goo.gl/UkbKYy https://goo.gl/qasdSu https://goo.gl/fGQFQN", - "Other Softwares: https://github.com/hack-chat/3rd-party-software-list" + "Other Softwares: https://github.com/hack-chat/3rd-party-software-list", "", "Server and web client released under the WTFPL and MIT open source license.", "No message history is retained on the hack.chat server." @@ -414,12 +414,14 @@ updateInputSize(); $('#sidebar').onmouseenter = $('#sidebar').ontouchstart = function (e) { $('#sidebar-content').classList.remove('hidden'); + $('#sidebar').classList.add('expand'); e.stopPropagation(); } $('#sidebar').onmouseleave = document.ontouchstart = function () { if (!$('#pin-sidebar').checked) { $('#sidebar-content').classList.add('hidden'); + $('#sidebar').classList.remove('expand'); } } diff --git a/client/style.css b/client/style.css index 18abc33..1990c0b 100644 --- a/client/style.css +++ b/client/style.css @@ -52,6 +52,9 @@ ul li { .hidden { display: none; } +.expand { + height: 90%; +} .container { max-width: 600px; margin: 0 auto; -- cgit v1.2.1 From f4b0f90b4b7999329dc27134a7e67a62da6f078f Mon Sep 17 00:00:00 2001 From: OpSimple Date: Mon, 18 Jun 2018 03:56:08 +0530 Subject: Minor changes to prevent ugliness --- client/style.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'client') diff --git a/client/style.css b/client/style.css index 1990c0b..8fcbab8 100644 --- a/client/style.css +++ b/client/style.css @@ -53,7 +53,7 @@ ul li { display: none; } .expand { - height: 90%; + height: 100%; } .container { max-width: 600px; @@ -111,6 +111,7 @@ ul li { } #sidebar-content { width: 180px; + padding-bottom: 10%; } @media only screen and (max-width: 600px) { .messages { -- cgit v1.2.1