Skip to content

Commit a20dd46

Browse files
committed
fix(emojis): remove doubled search-field padding so the icon aligns
The search field set `padding-inline` on top of the flex `gap` that already follows the (empty) visually-hidden label — the first flex child — so the search icon was inset twice (~16px) and looked misaligned with the content column below. Drop the inline padding; the icon's inset now comes solely from the gap (~8px). Follow-up to the emoji styling pass.
1 parent 37a14c5 commit a20dd46

1 file changed

Lines changed: 3 additions & 1 deletion

File tree

src/plugins/Emojis/styling/EmojiPicker.scss

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -55,7 +55,9 @@ $emoji-picker-border-radius: 12px;
5555
gap: var(--str-chat__spacing-xs);
5656
margin: var(--str-chat__spacing-xs) var(--str-chat__spacing-sm)
5757
var(--str-chat__spacing-sm);
58-
padding-inline: var(--str-chat__spacing-xs);
58+
// No inline padding: the icon's inset already comes from the flex `gap` after
59+
// the visually-hidden label (the first flex child). Adding padding here would
60+
// stack on top of that gap and push the icon deeper into the field.
5961
min-block-size: 2rem;
6062
border-radius: var(--str-chat__radius-8);
6163
background-color: var(--str-chat__emoji-picker-search-background-color);

0 commit comments

Comments
 (0)