mirror of
https://github.com/zulip/zulip.git
synced 2025-11-02 04:53:36 +00:00
search_pills: Fix subtle but serious alignment bug on user pills.
This commit is contained in:
@@ -245,7 +245,6 @@
|
||||
|
||||
&.focused .user-pill-container {
|
||||
flex-flow: row wrap;
|
||||
height: unset;
|
||||
}
|
||||
|
||||
.user-pill-container {
|
||||
@@ -257,6 +256,8 @@
|
||||
width: fit-content;
|
||||
/* Replaced by the 5px gap. */
|
||||
margin-right: 0;
|
||||
/* Don't inherit large line-height for user pill labels. */
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.pill {
|
||||
@@ -272,6 +273,9 @@
|
||||
display: grid;
|
||||
grid-template-columns: auto 1fr auto;
|
||||
|
||||
/* Don't inherit large line-height for user pills themselves, either. */
|
||||
line-height: 1;
|
||||
|
||||
&:not(.deactivated-pill) {
|
||||
background-color: var(--color-background-user-pill);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user