Fix Conpherence layout with setup issues

Summary: Make Conpherence usable when there is a setup issue as well. Fixes T3427

Test Plan: Test an ongoing thread, create a new thread. Test mobile and tablet layouts.

Reviewers: epriestley, btrahan

Reviewed By: epriestley

CC: Korvin, epriestley, aran

Maniphest Tasks: T3427

Differential Revision: https://secure.phabricator.com/D7669

Author: chadlittle

src/__celerity_resource_map__.php

@@ -993,7 +993,7 @@
   ),
   'conpherence-menu-css' =>
   array(
-    'uri' => '/res/cae40b18/rsrc/css/application/conpherence/menu.css',
+    'uri' => '/res/4c356703/rsrc/css/application/conpherence/menu.css',
     'type' => 'css',
     'requires' =>
     array(
@@ -1002,7 +1002,7 @@
   ),
   'conpherence-message-pane-css' =>
   array(
-    'uri' => '/res/150f96d4/rsrc/css/application/conpherence/message-pane.css',
+    'uri' => '/res/3627d418/rsrc/css/application/conpherence/message-pane.css',
     'type' => 'css',
     'requires' =>
     array(
@@ -1029,7 +1029,7 @@
   ),
   'conpherence-widget-pane-css' =>
   array(
-    'uri' => '/res/13478b94/rsrc/css/application/conpherence/widget-pane.css',
+    'uri' => '/res/b80fc69c/rsrc/css/application/conpherence/widget-pane.css',
     'type' => 'css',
     'requires' =>
     array(

webroot/rsrc/css/application/conpherence/menu.css

@@ -3,12 +3,7 @@
  */
 
 .conpherence-layout {
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  top: 44px;
-  background: #fff;
+  position: relative;
 }
 
 .conpherence-layout .conpherence-no-threads {
@@ -37,16 +32,17 @@
   position: absolute;
   overflow-x: hidden;
   overflow-y: auto;
-  top: 0;
-  bottom: 0;
 }
+
 .device-desktop .conpherence-layout .conpherence-menu-pane,
 .device-desktop .conpherence-layout .phabricator-nav-column-background {
   width: 280px;
 }
+
 .device .conpherence-menu-pane {
   top: 41px;
 }
+
 .device .conpherence-role-list .conpherence-menu-pane {
   top: 0px;
 }

webroot/rsrc/css/application/conpherence/message-pane.css

@@ -13,6 +13,7 @@
   bottom: 0px;
   min-width: 300px;
   width: auto;
+  background: #fff;
 }
 
 .device .conpherence-message-pane,

webroot/rsrc/css/application/conpherence/widget-pane.css

@@ -6,13 +6,13 @@
 .loading .widgets-loading-mask {
   position: fixed;
   right: 0px;
-  top: 76px;
-  bottom: 0px;
   width: 240px;
   border-width: 0 0 0 1px;
-  border-color: #CCC;
+  border-color: {$lightblueborder};
   border-style: solid;
   overflow-y: auto;
+  background: #fff;
+  height: 100%;
   -webkit-overflow-scrolling: touch;
 }
 
@@ -68,19 +68,15 @@
 }
 
 .conpherence-widget-pane .widgets-body {
-  position: fixed;
   overflow-y: auto;
-  bottom: 0px;
   width: 100%;
-  top: 76px;
 }
 
 #widgets-settings {
  padding: 3px 6px;
 }
 
 .device-desktop .conpherence-widget-pane .widgets-body {
-  top: 108px;
   width: 240px;
 }