aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorOpSimple <opsimple@protonmail.com>2018-06-17 20:32:03 +0200
committerGitHub <noreply@github.com>2018-06-17 20:32:03 +0200
commit7a2f3bde97c6eebb175ea4bacdcdb902693d451b (patch)
tree19397beaada6e47ef6c9c891d9fe15073fba1198
parentMerge pull request #17 from OpSimple/patch-1 (diff)
downloadhackchat-7a2f3bde97c6eebb175ea4bacdcdb902693d451b.tar.gz
hackchat-7a2f3bde97c6eebb175ea4bacdcdb902693d451b.zip
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.
-rw-r--r--client/client.js4
-rw-r--r--client/style.css3
2 files changed, 6 insertions, 1 deletions
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;