Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

search: Wrap long search suggestions. 

CZO conversation: https://chat.zulip.org/#narrow/stream/101-design/topic/long.20search.20suggestions

This commit also changes some styling for the pills,
to ensure that they are properly aligned when search
results wrap.
This commit is contained in:
evykassirer 2023-07-13 12:04:22 -04:00 committed by Tim Abbott
parent da72c9069c
commit ebdcbc28f6
1 changed files with 17 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
web/styles/search.css
View File

@ -235,14 +235,26 @@
.typeahead-menu li a {
padding: 3px 30px;
.search_list_item {
display: flex;
align-items: center;
}
/* Override white-space: nowrap from zulip.css */
white-space: normal;
.search_list_item .pill-container {
margin-left: 5px;
}
}
.pill {
align-items: baseline;
}
.pill-image {
/* Add line-height equal to height to mimic baseline alignment. */
line-height: 20px;
align-self: center;
}
/* Break really long words (unlikely to happen). */
.search_list_item span {
word-break: break-word;
}
}