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

Reaction Picker: Fix position on small screen size (#5129)

Browse Source
This commit is contained in:
zubiden 2024-11-02 21:11:53 +04:00 committed by Alexander Zinchuk
parent c5c87347d9
commit f7e553734b
2 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/middle/message/reactions/ReactionPicker.module.scss
View File

@ -34,7 +34,7 @@
transform: scale(1) !important; transform: scale(1) !important;
} }
@media (max-width: 440px) { @media (max-width: 600px) {
max-width: min(calc(100% - 1rem), 26.25rem); max-width: min(calc(100% - 1rem), 26.25rem);
left: 50% !important; left: 50% !important;
right: auto !important; right: auto !important;
@ -62,7 +62,7 @@
transform-origin: 70% 100% !important; transform-origin: 70% 100% !important;
@media (max-width: 440px) { @media (max-width: 600px) {
&:global(.bubble) { &:global(.bubble) {
transform-origin: 30% 100% !important; transform-origin: 30% 100% !important;
} }

1
src/components/middle/message/reactions/ReactionPicker.tsx
View File

@ -238,6 +238,7 @@ const ReactionPicker: FC<OwnProps & StateProps> = ({
withPortal withPortal
noCompact noCompact
anchor={renderingPosition} anchor={renderingPosition}
positionY={story && 'bottom'}
getTriggerElement={getTriggerElement} getTriggerElement={getTriggerElement}
getRootElement={getRootElement} getRootElement={getRootElement}
getMenuElement={getMenuElement} getMenuElement={getMenuElement}