From aa9d5935aedd83c04a608b1876d2d02820ca3a7b Mon Sep 17 00:00:00 2001
From: evykassirer <evy.kassirer@gmail.com>
Date: Tue, 18 Jul 2023 12:06:24 -0400
Subject: [PATCH] search: Rename search_arrows to searchbox_container.

The terminology "arrows" comes from historical functionality
that is no longer relevant, so searchbox_container is a more
clear and accurate name.

It would be nice in the future to see if we can remove
some of the nesting of HTML (#searchbox, #searchbox_form,
and #searchbox_container).
---
 web/styles/dark_theme.css | 4 ++--
 web/styles/search.css     | 4 ++--
 web/templates/navbar.hbs  | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/web/styles/dark_theme.css b/web/styles/dark_theme.css
index 211909e51a..dbbe6126fc 100644
--- a/web/styles/dark_theme.css
+++ b/web/styles/dark_theme.css
@@ -525,7 +525,7 @@
         background-color: hsl(0deg 0% 0% / 20%);
     }
 
-    #search_arrows .pill,
+    #searchbox-input-container .pill,
     #compose-direct-recipient.pill-container .pill {
         color: inherit;
         border: 1px solid hsl(0deg 0% 0% / 50%);
@@ -533,7 +533,7 @@
         font-weight: 600;
     }
 
-    #search_arrows .pill:focus,
+    #searchbox-input-container .pill:focus,
     #compose-direct-recipient.pill-container .pill:focus {
         color: hsl(0deg 0% 100%);
         border: 1px solid hsl(176deg 78% 28% / 60%);
diff --git a/web/styles/search.css b/web/styles/search.css
index 12de2476b2..9f3402d5b1 100644
--- a/web/styles/search.css
+++ b/web/styles/search.css
@@ -88,7 +88,7 @@
         }
     }
 
-    #search_arrows:focus {
+    #searchbox-input-container:focus {
         box-shadow: inset 0 0 0 2px hsl(204deg 20% 74%);
     }
 
@@ -132,7 +132,7 @@
         left: 0;
     }
 
-    #search_arrows {
+    #searchbox-input-container {
         font-size: 90%;
         letter-spacing: normal;
         padding-left: 0;
diff --git a/web/templates/navbar.hbs b/web/templates/navbar.hbs
index b18cfbf224..b8e6c3d9ef 100644
--- a/web/templates/navbar.hbs
+++ b/web/templates/navbar.hbs
@@ -17,7 +17,7 @@
                     </div>
                     <div id="searchbox">
                         <form id="searchbox_form" class="navbar-search">
-                            <div id="search_arrows" class="input-append">
+                            <div id="searchbox-input-container" class="input-append">
                                 <span class="search_icon"><i class="zulip-icon zulip-icon-search tippy-zulip-delayed-tooltip" data-tooltip-template-id="search-query-tooltip-template"></i></span>
                                 <input class="search-query input-block-level home-page-input" id="search_query" type="text" placeholder="{{t 'Search' }}"
                                   autocomplete="off"/>