n/nyxmuks
1
0
Fork 0
forked from Mirrors/gomuks
Code Pull requests Activity

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` }} style={{ containIntrinsicHeight: `${1.5 + Math.ceil(emojis.length / itemsPerRow) * rowSize}rem` }}
> >
<h4 className="emoji-category-name"> <h4 className="emoji-category-name">
{categoryName} <span title={categoryName}>{categoryName}</span>
{pack && <button {pack && <button
className="emoji-category-add" className="emoji-category-add"
onClick={isWatched ? onClickUnsubscribePack : onClickSubscribePack} 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; display: flex;
align-items: center; align-items: center;
> span {
flex: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
> button { > button {
margin-left: .25rem; margin-left: .25rem;
font-size: .8rem; font-size: .8rem;