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

navbar: Use flex-grow to align search_icon to right. 

This change allows us to align the search icon to the right end of the
navbar, without having to rely on the `margin-left: auto` trick. This
is better because it's more convenient to let flex handle the
positioning and will, hopefully, be more resilient to breakages.
This commit is contained in:
YashRE42 2020-04-18 16:11:08 +05:30 committed by Tim Abbott
parent 593e3ba2fb
commit ad4097342b
1 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
static/styles/zulip.scss
View File

@ -1425,6 +1425,9 @@ div.focused_table {
&:not(.stream) {
text-overflow: ellipsis;
}
&:nth-last-child(2) {
flex-grow: 1;
}
i {
margin-right: 3px;
}
@ -1519,8 +1522,8 @@ div.focused_table {
.search_closed {
flex: 0; // makes sure search icon is always visible
margin-left: auto; // aligns search icon to right end of box
margin-right: 15px;
cursor: pointer;
font-size: 20px;