paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-10-25 00:53:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

recent-view: Use grid layout for search input.

Browse Source 
This commit updates CSS to use grid layout for search input
in recent conversations view so that we can have clean CSS
and do not have different values for padding, right and margin
properties at different places.

This also fixes the alignment of "x" button.
This commit is contained in:
Sahil Batra
2024-12-06 14:29:18 +05:30
committed by Tim Abbott
parent 1555e99abe
commit 835bedb515
1 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
web/styles/recent_view.css
View File

@@ -139,9 +139,10 @@
}
.search_group {
display: flex;
display: grid;
grid-template: "search-input clear-search" auto / minmax(0, 1fr) 30px;
flex-grow: 1;
margin: 0 -27px 10px 0;
margin: 0 0 10px;
}
#recent_view_search:placeholder-shown + #recent_view_search_clear {
@@ -149,7 +150,8 @@
}
#recent_view_search {
flex-grow: 1;
grid-column: search-input-start / clear-search-end;
grid-row: search-input;
padding-right: 20px;
white-space: nowrap;
text-overflow: ellipsis;
@@ -157,8 +159,9 @@
}
.clear_search_button {
/* Overrides app_components.css property. */
padding-top: 4px !important;
grid-area: clear-search;
right: 0;
padding: 0;
}
.button-recent-filters {