Mirrors/gomuks
1
0
Fork 1
mirror of https://github.com/tulir/gomuks.git synced 2025-04-19 18:13:41 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

web/emojipicker: don't allow pack names to wrap

Browse source
This commit is contained in:
Tulir Asokan 2024-12-21 19:30:14 +02:00
parent 89895b197e
commit 1ff9ba241a
2 changed files with 8 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
web/src/ui/emojipicker/EmojiGroup.tsx
View file

@ -98,7 +98,7 @@ export const EmojiGroup = ({
style={{ containIntrinsicHeight: `${1.5 + Math.ceil(emojis.length / itemsPerRow) * rowSize}rem` }}
>
<h4 className="emoji-category-name">
{categoryName}
<span title={categoryName}>{categoryName}</span>
{pack && <button
className="emoji-category-add"
onClick={isWatched ? onClickUnsubscribePack : onClickSubscribePack}

7
web/src/ui/emojipicker/EmojiPicker.css
View file

@ -166,6 +166,13 @@ div.emoji-picker, div.sticker-picker {
display: flex;
align-items: center;
> span {
flex: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
> button {
margin-left: .25rem;
font-size: .8rem;