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

search pills: Rework pills sizes and layout.

This commit is contained in:
evykassirer 2024-06-25 12:58:40 -07:00 committed by Tim Abbott
parent be09d751fa
commit d655ab8570
1 changed files with 6 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
web/styles/search.css
View File

@ -222,7 +222,6 @@
.pill {
margin: 0;
min-width: unset;
height: 26px;
}
&:not(.focused) {
@ -236,30 +235,26 @@
}
.user-pill-container {
padding: 2px;
height: 22px;
min-width: fit-content;
gap: 5px;
> .pill-label {
min-width: fit-content;
white-space: nowrap;
width: fit-content;
/* Replaced by the 5px gap. */
margin-right: 0;
}
.pill {
height: 22px;
margin: 2px;
height: var(--height-input-pill);
border: none;
border-radius: 3px;
&:not(.deactivated-pill) {
background-color: var(--color-background-user-pill);
}
}
.pill-image {
width: 22px;
height: 22px;
}
}
}
@ -345,7 +340,7 @@
.pill-image {
/* Add line-height equal to height to mimic baseline alignment. */
line-height: 20px;
line-height: var(--length-input-pill-image);
align-self: center;
}
}