aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authormarzavec <admin@marzavec.com>2018-06-19 15:38:14 +0200
committerGitHub <noreply@github.com>2018-06-19 15:38:14 +0200
commit8b86f3a8f41a97d65b1e1fe09ec413924be049ce (patch)
treea248f3e098ab7ed09922177870bc42f4b00b345c
parentMerge pull request #17 from OpSimple/patch-1 (diff)
parentMinor changes to prevent ugliness (diff)
downloadhackchat-8b86f3a8f41a97d65b1e1fe09ec413924be049ce.tar.gz
hackchat-8b86f3a8f41a97d65b1e1fe09ec413924be049ce.zip
Merge pull request #18 from OpSimple/master
Solved the sidebar scroll for mobile users
Diffstat (limited to '')
-rw-r--r--client/client.js4
-rw-r--r--client/style.css4
2 files changed, 7 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..8fcbab8 100644
--- a/client/style.css
+++ b/client/style.css
@@ -52,6 +52,9 @@ ul li {
.hidden {
display: none;
}
+.expand {
+ height: 100%;
+}
.container {
max-width: 600px;
margin: 0 auto;
@@ -108,6 +111,7 @@ ul li {
}
#sidebar-content {
width: 180px;
+ padding-bottom: 10%;
}
@media only screen and (max-width: 600px) {
.messages {