From 1b260c9fd724a6a4d6af7f6b0a118c9c0191f72a Mon Sep 17 00:00:00 2001 From: userAdityaa Date: Sat, 22 Feb 2025 23:54:26 +0530 Subject: [PATCH] search_pill: Aligned the user emoji with the search text. 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. --- web/styles/input_pill.css | 1 + web/styles/search.css | 2 +- 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/web/styles/input_pill.css b/web/styles/input_pill.css index 60e32e6099..62c15dcb52 100644 --- a/web/styles/input_pill.css +++ b/web/styles/input_pill.css @@ -67,6 +67,7 @@ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; + line-height: 1.5; } .pill-close-button { diff --git a/web/styles/search.css b/web/styles/search.css index 4e5d82b7fd..f8f046abf8 100644 --- a/web/styles/search.css +++ b/web/styles/search.css @@ -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;