Remove resize logic in favor of pure css

js/views/conversation_view.js

@@ -40,10 +40,7 @@
             this.$el.find('.discussion-container').append(this.view.el);
             this.view.render();
 
-            window.addEventListener('resize', this.view.resize.bind(this.view));
-
             setTimeout(function() {
-                this.view.resize();
                 this.view.scrollToBottom();
             }.bind(this), 10);
         },

js/views/inbox_view.js

@@ -34,7 +34,6 @@
                 collection : bg.inbox
             }).render();
 
-            window.addEventListener('resize', this.inbox.resize.bind(this.inbox));
             window.addEventListener('beforeunload', function () {
                 this.inbox.stopListening();
             }.bind(this));

js/views/list_view.js

@@ -41,12 +41,6 @@ var Whisper = Whisper || {};
         addAll: function() {
             this.$el.html('');
             this.collection.each(this.addOne, this);
-            this.resize();
-        },
-
-        resize: function() {
-            var height = window.innerHeight - $('#header').height() - $('#footer').height();
-            this.$el.css('height', height + 'px');
         },
 
         render: function() {

stylesheets/_conversation.scss

@@ -1,3 +1,10 @@
+.conversation {
+  padding: $header-height 0;
+}
+
+.conversation, .discussion-container, .message-list {
+  height: 100%;
+}
 
 .group-update {
   font-size: smaller;

stylesheets/_global.scss

@@ -2,10 +2,14 @@
   box-sizing: border-box;
 }
 
+html {
+  height: 100%;
+}
+
 body {
   height: 100%;
   width: 100%;
-  margin: $header-height 0 0;
+  margin: 0;
   font-family: $roboto;
   font-size: 14px;
 }

stylesheets/_index.scss

@@ -1,9 +1,12 @@
 .gutter {
-  margin-top: 36px;
+  padding: $header-height 0 0;
 }
 
+.gutter, #contacts {
+  height: 100%;
+}
 #contacts {
-  overflow-y: scroll;
+  overflow: auto;
 }
 
 .loading .gutter {

stylesheets/manifest.css

@@ -16,10 +16,13 @@
 * {
   box-sizing: border-box; }
 
+html {
+  height: 100%; }
+
 body {
   height: 100%;
   width: 100%;
-  margin: 36px 0 0;
+  margin: 0;
   font-family: Roboto, "Helvetica Neue", Arial, Helvetica, sans-serif;
   font-size: 14px; }
 
@@ -105,10 +108,13 @@ body {
     text-align: center; }
 
 .gutter {
-  margin-top: 36px; }
+  padding: 36px 0 0; }
+
+.gutter, #contacts {
+  height: 100%; }
 
 #contacts {
-  overflow-y: scroll; }
+  overflow: auto; }
 
 .contact .number, .contact .checkbox {
   display: none; }
@@ -259,6 +265,12 @@ input.new-message {
   .settings-open .settings {
     display: block; }
 
+.conversation {
+  padding: 36px 0; }
+
+.conversation, .discussion-container, .message-list {
+  height: 100%; }
+
 .group-update {
   font-size: smaller; }