Merge pull request #173 from lorenzhs/mobilescroll

Improve mobile behaviour

css/glowingbear.css

@@ -359,17 +359,26 @@ table.notimestamp td.time {
         left: 40px;
     }
 
+    #topbar .actions {
+        line-height: 30px;
+        font-size: 30px;
+        margin-right: 0;
+        height: 32px;
+        padding-top: 3px;
+    }
+
     #bufferlines, #nicklist {
         position: relative;
         min-height: 0;
         margin-left: 0;
-        height: auto;
         max-width: 100%;
         border: 0;
     }
 
     #nicklist {
-        width: 160px;
+        height: auto;
+        width: auto;
+        padding: 35px 7px 35px 10px;
         text-align: center;
         -webkit-box-shadow: 0px 0px 120px #000;
         box-shadow: 0px 0px 120px #000;
@@ -379,10 +388,6 @@ table.notimestamp td.time {
         bottom: 0px;
     }
 
-    #bufferlines {
-        padding-bottom: 38px; /* navbar fixed bottom */;
-    }
-
     .navbar-fixed-bottom {
         margin: 0;
     }
@@ -391,6 +396,11 @@ table.notimestamp td.time {
         min-height: 0%;
     }
 
+    #bufferlines {
+        height: 100%;
+        padding-bottom: 0;
+    }
+
     #bufferlines td.time {
         display: inline;
         padding-right: 0;
@@ -414,4 +424,9 @@ table.notimestamp td.time {
     #bufferlines td.prefix:after {
         content: ">";
     }
+
+    ::-webkit-scrollbar {
+        width: 5px;
+        height: 5px;
+    }
 }

index.html

@@ -307,7 +307,7 @@ $ openssl req -nodes -newkey rsa:4096 -keyout relay.pem -x509 -days 365 -out rel
             </li>
           </ul>
         </div>
-        <table ng-class="{'notimestamp':notimestamp}">
+        <table ng-swipe-right="swipeSidebar()" ng-swipe-left="openNick()" ng-class="{'notimestamp':notimestamp}">
           <tbody>
             <tr class="bufferline">
               <td class="time"><span class="date"> </span></td>
@@ -318,7 +318,7 @@ $ openssl req -nodes -newkey rsa:4096 -keyout relay.pem -x509 -days 365 -out rel
               </td>
             </tr>
           </tbody>
-          <tbody ng-swipe-right="swipeSidebar()" ng-swipe-left="openNick()" ng-repeat="bufferline in (bufferlines = activeBuffer().lines)">
+          <tbody ng-repeat="bufferline in (bufferlines = activeBuffer().lines)">
             <tr class="bufferline">
               <td class="time">
                 <span class="date" bo-class="{'repeated-time': bufferline.shortTime==bufferlines[$index-1].shortTime}">