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

Context Menu: Adjust styles (#4625)

Browse Source
This commit is contained in:
zubiden 2024-06-12 18:10:42 +02:00 committed by Alexander Zinchuk
parent 7954bd9c28
commit a77e9bfd8a
3 changed files with 3 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/middle/message/reactions/ReactionSelector.scss
View File

@ -5,10 +5,6 @@
right: 0; right: 0;
top: -0.5rem; top: -0.5rem;
&--isRtl {
left: 0;
}
@media (max-width: 600px) { @media (max-width: 600px) {
left: 0; left: 0;
right: 0; right: 0;

2
src/components/middle/message/reactions/ReactionSelector.tsx
View File

@ -157,7 +157,7 @@ const ReactionSelector: FC<OwnProps> = ({
if (!reactionsToRender.length) return undefined; if (!reactionsToRender.length) return undefined;
return ( return (
<div className={buildClassName(cn('&', lang.isRtl && 'isRtl'), className)} ref={ref}> <div className={buildClassName(cn('&'), className)} ref={ref}>
<div className={cn('bubble-small', lang.isRtl && 'isRtl')} /> <div className={cn('bubble-small', lang.isRtl && 'isRtl')} />
<div className={cn('items-wrapper')}> <div className={cn('items-wrapper')}>
<div className={cn('bubble-big', lang.isRtl && 'isRtl')} /> <div className={cn('bubble-big', lang.isRtl && 'isRtl')} />

4
src/components/ui/MenuItem.scss
View File

@ -129,6 +129,7 @@
font-size: 0.875rem; font-size: 0.875rem;
margin: 0.125rem 0.25rem; margin: 0.125rem 0.25rem;
padding: 0.25rem; padding: 0.25rem;
padding-inline-end: 0.75rem; // Icon padding + padding for symmetry
border-radius: 0.375rem; border-radius: 0.375rem;
width: auto; width: auto;
font-weight: 500; font-weight: 500;
@ -138,8 +139,7 @@
.icon { .icon {
max-width: 1.25rem; max-width: 1.25rem;
font-size: 1.25rem; font-size: 1.25rem;
margin-left: 0.5rem; margin-inline: 0.5rem 1.25rem;
margin-right: 1.25rem;
&::before { &::before {
max-width: 1.25rem; max-width: 1.25rem;