Fix scrolling on landing page (mobile)

11 years ago · f69a1ce3c4
parent b21e788ab2
commit f69a1ce3c4
2 changed files with 5 additions and 2 deletions
--- a/css/glowingbear.css
+++ b/css/glowingbear.css
@ -2,11 +2,14 @@ html,
 body {
    height: 100%;
 /* The html and body elements cannot have any padding or margin. */
-    overflow:hidden;
    color: #ddd;
    background-color: #181818;
 }

+.no-overflow {
+    overflow: hidden;
+}
+
 .horizontal-line {
    -webkit-box-shadow: rgba(255, 255, 255, 0.07) 0 1px 0;
    -moz-box-shadow: rgba(255, 255, 255, 0.07) 0 1px 0;
--- a/index.html
+++ b/index.html
@ -32,7 +32,7 @@
    <script type="text/javascript" src="3rdparty/favico-0.3.4-mod.min.js"></script>
    <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
  </head>
-  <body ng-controller="WeechatCtrl" ng-keydown="handleKeyPress($event)">
+  <body ng-controller="WeechatCtrl" ng-keydown="handleKeyPress($event)" ng-class="{'no-overflow': connected}">
    <div ng-hide="connected" class="container">
      <h2>
        <img alt="logo" src="assets/img/glowing-bear.svg">