From 4c4cd1ed8e3d6758ad0c6ae576dde7d30dbef8a5 Mon Sep 17 00:00:00 2001
From: Allen Rabinovich <allenr@zulip.com>
Date: Fri, 7 Feb 2014 12:02:29 -0700
Subject: [PATCH] Fix top notification display to appear above the floating
 recipient bar

(imported from commit 0a5915af3589db09ee2bc294afced0a21352fde2)
---
 static/styles/zulip.css     | 15 +++------------
 templates/zerver/home.html  |  9 ---------
 templates/zerver/index.html |  8 ++++++++
 3 files changed, 11 insertions(+), 21 deletions(-)

diff --git a/static/styles/zulip.css b/static/styles/zulip.css
index fa5cfef22f..6a7183b4d5 100644
--- a/static/styles/zulip.css
+++ b/static/styles/zulip.css
@@ -117,7 +117,7 @@ a {
     position: fixed;
     margin-top: 50px;
     width: 250px;
-    z-index:99;
+    z-index:100;
     padding-left: 10px;
 }
 
@@ -303,10 +303,6 @@ a:hover code {
     max-width: 250px;
 }
 
-#left-sidebar {
-    z-index: 4;
-}
-
 #left-sidebar .brand {
     display: table-row;
 }
@@ -3551,7 +3547,7 @@ div.edit_bot {
     width: 100%;
     top: 41px;
     left: 0px;
-    z-index: 3;
+    z-index: 99;
 }
 
 #home .alert-bar {
@@ -3562,17 +3558,12 @@ div.edit_bot {
 }
 
 #home .alert-bar-contents {
-    background: #9bff8b;
     background: rgba(163,211,147,0.95);
-    border-bottom: 1px solid #ffffff;
-    border-right: 1px solid #ffffff;
-    border-left: 1px solid #ffffff;
-    border-radius: 2px;
     font-weight: 400;
     padding: 10px 35px 10px 10px;
     display: inline-block;
-    box-shadow: 0px 0px 4px -1px rgba(0,0,0,0.7);
     position: relative;
+    z-index: 99;
 }
 
 #home .alert-bar .alert-icon {
diff --git a/templates/zerver/home.html b/templates/zerver/home.html
index d3c818cd06..e12ce841bf 100644
--- a/templates/zerver/home.html
+++ b/templates/zerver/home.html
@@ -1,13 +1,4 @@
 {# Home tab of the app, containing messages. #}
-  <div id="alert-bar-container" class="alert-bar-container" style='display: none;'>
-    <div id="alert-bar" class="alert-bar">
-      <div id="alert-bar-contents" class="alert-bar-contents">
-        <div id="custom-alert-bar-content"></div>
-        <i class="icon-vector-remove close-alert-icon"></i>
-      </div>
-    </div>
-  </div>
-
     <div class="message_area_padder message_list" id="main_div">
       <div id="loading_more_messages_indicator"></div>
       <div id="page_loading_indicator"></div>
diff --git a/templates/zerver/index.html b/templates/zerver/index.html
index bc36307059..d037e4a2e6 100644
--- a/templates/zerver/index.html
+++ b/templates/zerver/index.html
@@ -91,6 +91,14 @@ var page_params = {{ page_params }};
     <div class="column-middle">
         <div class="column-middle-inner tab-content">
             <div class="tab-pane active" id="home">
+            <div id="alert-bar-container" class="alert-bar-container" style='display: none;'>
+              <div id="alert-bar" class="alert-bar">
+                <div id="alert-bar-contents" class="alert-bar-contents">
+                  <div id="custom-alert-bar-content"></div>
+                  <i class="icon-vector-remove close-alert-icon"></i>
+                </div>
+              </div>
+            </div>
             <div class="fixed-app" id="floating_recipient_bar">
               <div class="app-main recipient_bar_content">
                 <div class="column-middle column-overlay recipient-bar-main">