CodeCow/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2026-06-30 21:11:04 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

settings: Use grid layout for search in stream and groups UI.

Browse Source 
This commit updates the search input to in stream and groups
UI to use grid layout. This also helps in fixing the alignment
of the "x" button.
This commit is contained in:
Sahil Batra 2024-12-06 13:20:27 +05:30 committed by Tim Abbott
parent 6a76fcfd0e
commit 1555e99abe
1 changed files with 8 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
web/styles/subscriptions.css
View File

@ -513,11 +513,7 @@ h4.user_group_setting_subsection_title {
#search_stream_name,
#search_group_name {
width: 100%;
padding: 3px 5px;
margin: 8px 0;
margin-left: 10px;
margin-right: -15px !important;
display: inline-block;
border-radius: 5px;
box-shadow: none;
@ -525,16 +521,15 @@ h4.user_group_setting_subsection_title {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
grid-column: search-input-start / clear-search-end;
grid-row: search-input;
}
.stream_name_search_section,
.group_name_search_section {
width: 100%;
display: flex;
flex-direction: row;
justify-content: center;
margin-bottom: 0;
height: auto;
padding: 8px 10px;
display: grid;
grid-template: "search-input clear-search" auto / minmax(0, 1fr) 30px;
border-bottom: 1px solid var(--color-border-modal-bar);
}
@ -549,8 +544,9 @@ h4.user_group_setting_subsection_title {
#clear_search_stream_name,
#clear_search_group_name {
right: 5px !important;
margin-left: -1px;
grid-area: clear-search;
right: 0;
padding: 0;
}
#search_stream_name:placeholder-shown + #clear_search_stream_name {