Emoji Status: Fix styles (#4765)
This commit is contained in:
parent
f28f04989d
commit
3a9e088bbd
@ -93,6 +93,7 @@ const HEADER_BUTTON_WIDTH = 2.5 * REM; // px (including margin)
|
||||
const DEFAULT_ID_PREFIX = 'custom-emoji-set';
|
||||
const TOP_REACTIONS_COUNT = 16;
|
||||
const RECENT_REACTIONS_COUNT = 32;
|
||||
const RECENT_DEFAULT_STATUS_COUNT = 7;
|
||||
const FADED_BUTTON_SET_IDS = new Set([RECENT_SYMBOL_SET_ID, FAVORITE_SYMBOL_SET_ID, POPULAR_SYMBOL_SET_ID]);
|
||||
const STICKER_SET_IDS_WITH_COVER = new Set([
|
||||
RECENT_SYMBOL_SET_ID,
|
||||
@ -222,7 +223,9 @@ const CustomEmojiPicker: FC<OwnProps & StateProps> = ({
|
||||
} else if (isStatusPicker) {
|
||||
const defaultStatusIconsPack = stickerSetsById[defaultStatusIconsId!];
|
||||
if (defaultStatusIconsPack?.stickers?.length) {
|
||||
const stickers = (defaultStatusIconsPack.stickers || []).concat(recentCustomEmojis || []);
|
||||
const stickers = defaultStatusIconsPack.stickers
|
||||
.slice(0, RECENT_DEFAULT_STATUS_COUNT)
|
||||
.concat(recentCustomEmojis || []);
|
||||
defaultSets.push({
|
||||
...defaultStatusIconsPack,
|
||||
stickers,
|
||||
|
||||
@ -22,7 +22,7 @@
|
||||
&.status-default {
|
||||
font-size: 2rem;
|
||||
|
||||
padding: 0.25rem;
|
||||
padding: 0.125rem;
|
||||
color: var(--color-text);
|
||||
}
|
||||
}
|
||||
|
||||
@ -243,7 +243,7 @@ const StickerSet: FC<OwnProps> = ({
|
||||
|
||||
const [isCut, , expand] = useFlag(canCut);
|
||||
const itemsBeforeCutout = itemsPerRow * 3 - 1;
|
||||
const totalItemsCount = withDefaultTopicIcon ? stickerSet.count + 1 : stickerSet.count;
|
||||
const totalItemsCount = (withDefaultTopicIcon || withDefaultStatusIcon) ? stickerSet.count + 1 : stickerSet.count;
|
||||
|
||||
const itemHeight = itemSize + verticalMargin;
|
||||
const heightWhenCut = Math.ceil(Math.min(itemsBeforeCutout, totalItemsCount) / itemsPerRow)
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user