Have search bar always take on color of main area.

(imported from commit 85f6db17ca2fd616e4c7b63a98b80332cbddc1c0)

templates/zephyr/home.html

@@ -2,7 +2,7 @@
 
 <div class="row">
   <div class="span9" id="top_statusbar">
-    <div id="searchbox">
+    <div id="searchbox" class="always_in_view">
       <form class="form-search form-inline">
         <div id="search_arrows" class="input-append">
           <input class="search-query" id="search" type="text" placeholder="Search…">

zephyr/static/js/narrow.js

@@ -52,9 +52,9 @@ function do_narrow(icon, description, filter_function) {
     $("#loading_control").hide();
     $("#top_narrowed_whitespace").show();
     $("#main_div").addClass("narrowed_view");
+    $("#searchbox").addClass("narrowed_view");
     $("#currently_narrowed_to").html(icon + " " + description).attr("title", description.replace(/ /g, ""));
     $("#zhome").removeClass("focused_table");
-
     // Indicate both which message is persistently selected and which
     // is temporarily selected
     select_message_by_id(selected_message_id,
@@ -151,9 +151,9 @@ exports.show_all_messages = function () {
     $("#loading_control").show();
     $("#top_narrowed_whitespace").hide();
     $("#main_div").removeClass('narrowed_view');
+    $("#searchbox").removeClass('narrowed_view');
     $("#show_all_messages").attr("disabled", "disabled");
     $("#currently_narrowed_to").html("");
-
     selected_message_class = "selected_message";
     // Includes scrolling.
     select_message_by_id(persistent_message_id, {then_scroll: true});

zephyr/static/styles/zephyr.css

@@ -364,6 +364,8 @@ input.send_message {
     visibility: visible;
     max-height: 30px;
     padding: 5px 10px;
+}
+.always_in_view {
     background-color: aliceblue;
 }