diff options
| author | OpSimple <opsimple@protonmail.com> | 2018-06-17 20:32:03 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2018-06-17 20:32:03 +0200 |
| commit | 7a2f3bde97c6eebb175ea4bacdcdb902693d451b (patch) | |
| tree | 19397beaada6e47ef6c9c891d9fe15073fba1198 /client | |
| parent | Merge pull request #17 from OpSimple/patch-1 (diff) | |
| download | hackchat-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.
Diffstat (limited to 'client')
| -rw-r--r-- | client/client.js | 4 | ||||
| -rw-r--r-- | client/style.css | 3 |
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; |