paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-03 13:33:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

left_sidebar: Remove .input-append from stream filter.

Browse Source
This commit is contained in:
Karl Stolley
2024-06-28 13:32:15 -04:00
committed by Tim Abbott
parent d3d4ddcfc2
commit 104c76c18b
3 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
web/e2e-tests/message-basics.test.ts
View File

@@ -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.waitForSelector(await get_stream_li(page, "Verona"), {visible: true});
await page.click("#streams_header .left-sidebar-title"); 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> { async function test_stream_search_filters_stream_list(page: Page): Promise<void> {
console.log("Filter streams using left side bar"); 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.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 // assert streams exist by waiting till they're visible
await page.waitForSelector(await get_stream_li(page, "Denmark"), {visible: true}); await page.waitForSelector(await get_stream_li(page, "Denmark"), {visible: true});

4
web/styles/left_sidebar.css
View File

@@ -1185,7 +1185,7 @@ li.topic-list-item {
width: var(--left-sidebar-header-icon-width); width: var(--left-sidebar-header-icon-width);
} }
.input-append { .stream_search_section {
grid-area: filter-box; grid-area: filter-box;
display: flex; display: flex;
justify-content: stretch; justify-content: stretch;
@@ -1194,7 +1194,7 @@ li.topic-list-item {
line-height: 20px; line-height: 20px;
white-space: nowrap; white-space: nowrap;
& input { .stream-list-filter {
/* Use the border-box model so flex /* Use the border-box model so flex
can do its thing despite whatever can do its thing despite whatever
padding and border we specify. */ padding and border we specify. */

2
web/templates/left_sidebar.hbs
View File

@@ -178,7 +178,7 @@
<span class="masked_unread_count"></span> <span class="masked_unread_count"></span>
</div> </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' }}" /> <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"> <button type="button" class="btn clear_search_button" id="clear_search_stream_button">
<i class="fa fa-remove" aria-hidden="true"></i> <i class="fa fa-remove" aria-hidden="true"></i>