paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-10-23 04:52:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

search_pill: Aligned the user emoji with the search text.

Browse Source 
This commit ensures that the user emoji in the search pill
is correctly aligned with the search text. The issue was
caused by improper line height, leading to the emoji being
slightly cut off at the top. Adjusting the `line-height`
of `.pill-value` resolves this, providing a consistent
and visually balanced appearance.
This commit is contained in:
userAdityaa
2025-02-22 23:54:26 +05:30
committed by Tim Abbott
parent 4696c8eb67
commit 1b260c9fd7
2 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
web/styles/input_pill.css
View File

@@ -67,6 +67,7 @@
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 1.5;
}
.pill-close-button {

2
web/styles/search.css
View File

@@ -296,7 +296,7 @@
grid-template-columns:
var(--length-input-pill-image) minmax(0, 1fr)
var(--length-input-pill-exit);
align-content: center;
/* Don't inherit large line-height for user pills themselves, either. */
line-height: 1.1;