ztr/TelegramPWA
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Sticker Set Modal: Fix extra space for content (#2984)

Browse Source
This commit is contained in:
Alexander Zinchuk 2023-04-15 13:51:32 +02:00
parent a27ec8243b
commit 7e3a6507dc
2 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/common/StickerSetModal.scss
View File

@ -1,4 +1,12 @@
.StickerSetModal { .StickerSetModal {
&.custom-emoji {
--emoji-size: 2.25rem;
.stickers {
padding: 0 0.5rem;
}
}
.modal-dialog { .modal-dialog {
width: 26.25rem; width: 26.25rem;
max-width: 100%; max-width: 100%;
@ -16,7 +24,7 @@
.modal-content { .modal-content {
text-align: center; text-align: center;
padding: 0; padding: 0 !important;
} }
.stickers { .stickers {

3
src/components/common/StickerSetModal.tsx
View File

@ -18,6 +18,7 @@ import {
import renderText from './helpers/renderText'; import renderText from './helpers/renderText';
import { copyTextToClipboard } from '../../util/clipboard'; import { copyTextToClipboard } from '../../util/clipboard';
import { getAllowedAttachmentOptions, getCanPostInChat } from '../../global/helpers'; import { getAllowedAttachmentOptions, getCanPostInChat } from '../../global/helpers';
import buildClassName from '../../util/buildClassName';
import { useIntersectionObserver } from '../../hooks/useIntersectionObserver'; import { useIntersectionObserver } from '../../hooks/useIntersectionObserver';
import useLang from '../../hooks/useLang'; import useLang from '../../hooks/useLang';
@ -187,7 +188,7 @@ const StickerSetModal: FC<OwnProps & StateProps> = ({
return ( return (
<Modal <Modal
className="StickerSetModal" className={buildClassName('StickerSetModal', isEmoji && 'custom-emoji')}
isOpen={isOpen} isOpen={isOpen}
onClose={onClose} onClose={onClose}
header={renderHeader()} header={renderHeader()}