Merge pull request #65 from torhve/master

CSS + layout

css/glowingbear.css

@@ -92,23 +92,17 @@ body {
 }
 
 input#sendMessage {
-    border: 0;
     width: 100%;
+    font-size: large;
+}
+#footer button {
+    border-radius: 0;
 }
 .panel input, .panel .input-group {
   max-width: 300px;
 }
 input[type=text], input[type=password], .badge {
     border: 0;
-    -webkit-box-shadow: 
-      inset 0 0 8px  rgba(0,0,0,0.4),
-            0 0 16px rgba(0,0,0,0.4); 
-    -moz-box-shadow: 
-      inset 0 0 8px  rgba(0,0,0,0.4),
-            0 0 16px rgba(0,0,0,0.4); 
-    box-shadow: 
-      inset 0 0 8px  rgba(0,0,0,0.4),
-            0 0 16px rgba(0,0,0,0.4); 
     border-radius: 0;
     color: #6e6e6e;
     box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), 0px 1px 7px 0px rgba(0, 0, 0, 0.8) inset;
@@ -180,16 +174,16 @@ input[type=text], input[type=password], .badge {
     min-height: 100%; 
 }
 
-.bufferlines {
+#bufferlines {
     font-family: 'Terminus', 'Inconsolata', 'Consolas', 'Monaco', 'Ubuntu Mono', monospace;
+    position: relative;
+    height: 99%;
     overflow-y: auto;
     margin-left: 14%;
     width: auto;
-    position: relative;
-    padding-bottom: 60px; /* bottom input */
-    padding-top: 35px; /* topbar */
+    top: 25px; /* topbar */
 }
-.bufferlines .btn {
+#bufferlines .btn {
     font-family: sans-serif;
 }
 
@@ -197,7 +191,7 @@ input[type=text], input[type=password], .badge {
     margin: 0 5px 0 14%;
 }
 @media (max-width: 968px) {
-    #sidebar, .bufferlines {
+    #sidebar, #bufferlines {
         position: relative;
         min-height: 0;
         margin-left: 0;

index.html

@@ -211,7 +211,7 @@
           </li>
         </ul>
       </div>
-      <div class="bufferlines">
+      <div id="bufferlines">
         <table>
           <tbody>
             <tr class="bufferline" ng-repeat-start="bufferline in activeBuffer().lines">

js/websockets.js

@@ -427,10 +427,11 @@ weechat.controller('WeechatCtrl', ['$rootScope', '$scope', '$store', '$timeout',
             if(readmarker) {
                 readmarker.scrollIntoView();
             }else{
-                var sTop = document.documentElement.scrollTop;
-                var sVal = document.documentElement.scrollHeight - document.documentElement.clientHeight;
+                var bl = document.getElementById('bufferlines');
+                var sTop = bl.scrollTop;
+                var sVal = bl.scrollHeight - bl.clientHeight;
                 if(sTop < sVal) {
-                    document.documentElement.scrollTop = sVal;
+                    bl.scrollTop = sVal;
                 }
             }
         }