diff options
| author | marzavec <admin@marzavec.com> | 2018-06-19 15:38:14 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2018-06-19 15:38:14 +0200 |
| commit | 8b86f3a8f41a97d65b1e1fe09ec413924be049ce (patch) | |
| tree | a248f3e098ab7ed09922177870bc42f4b00b345c | |
| parent | Merge pull request #17 from OpSimple/patch-1 (diff) | |
| parent | Minor changes to prevent ugliness (diff) | |
| download | hackchat-8b86f3a8f41a97d65b1e1fe09ec413924be049ce.tar.gz hackchat-8b86f3a8f41a97d65b1e1fe09ec413924be049ce.zip | |
Merge pull request #18 from OpSimple/master
Solved the sidebar scroll for mobile users
| -rw-r--r-- | client/client.js | 4 | ||||
| -rw-r--r-- | client/style.css | 4 |
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 { |