From 104c76c18b85c1a82ae5a7e90d02e273c2861d92 Mon Sep 17 00:00:00 2001
From: Karl Stolley <karl@zulip.com>
Date: Fri, 28 Jun 2024 13:32:15 -0400
Subject: [PATCH] left_sidebar: Remove .input-append from stream filter.

---
 web/e2e-tests/message-basics.test.ts | 6 +++---
 web/styles/left_sidebar.css          | 4 ++--
 web/templates/left_sidebar.hbs       | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/web/e2e-tests/message-basics.test.ts b/web/e2e-tests/message-basics.test.ts
index 80655dc593..a98b2f4ba7 100644
--- a/web/e2e-tests/message-basics.test.ts
+++ b/web/e2e-tests/message-basics.test.ts
@@ -347,16 +347,16 @@ async function test_search_venice(page: Page): Promise<void> {
     await page.waitForSelector(await get_stream_li(page, "Verona"), {visible: true});
 
     await page.click("#streams_header .left-sidebar-title");
-    await page.waitForSelector(".input-append.notdisplayed");
+    await page.waitForSelector(".stream_search_section.notdisplayed");
 }
 
 async function test_stream_search_filters_stream_list(page: Page): Promise<void> {
     console.log("Filter streams using left side bar");
 
-    await page.waitForSelector(".input-append.notdisplayed"); // Stream filter box invisible initially
+    await page.waitForSelector(".stream_search_section.notdisplayed"); // Stream filter box invisible initially
     await page.click("#streams_header .left-sidebar-title");
 
-    await page.waitForSelector("#streams_list .input-append.notdisplayed", {hidden: true});
+    await page.waitForSelector("#streams_list .stream_search_section.notdisplayed", {hidden: true});
 
     // assert streams exist by waiting till they're visible
     await page.waitForSelector(await get_stream_li(page, "Denmark"), {visible: true});
diff --git a/web/styles/left_sidebar.css b/web/styles/left_sidebar.css
index 2d50e2349d..7ec1f4efeb 100644
--- a/web/styles/left_sidebar.css
+++ b/web/styles/left_sidebar.css
@@ -1185,7 +1185,7 @@ li.topic-list-item {
         width: var(--left-sidebar-header-icon-width);
     }
 
-    .input-append {
+    .stream_search_section {
         grid-area: filter-box;
         display: flex;
         justify-content: stretch;
@@ -1194,7 +1194,7 @@ li.topic-list-item {
         line-height: 20px;
         white-space: nowrap;
 
-        & input {
+        .stream-list-filter {
             /* Use the border-box model so flex
                can do its thing despite whatever
                padding and border we specify. */
diff --git a/web/templates/left_sidebar.hbs b/web/templates/left_sidebar.hbs
index cb6de50754..4414c34f3a 100644
--- a/web/templates/left_sidebar.hbs
+++ b/web/templates/left_sidebar.hbs
@@ -178,7 +178,7 @@
                     <span class="masked_unread_count"></span>
                 </div>
 
-                <div class="input-append notdisplayed stream_search_section">
+                <div class="notdisplayed stream_search_section">
                     <input class="stream-list-filter home-page-input filter_text_input" type="text" autocomplete="off" placeholder="{{t 'Filter channels' }}" />
                     <button type="button" class="btn clear_search_button" id="clear_search_stream_button">
                         <i class="fa fa-remove" aria-hidden="true"></i>