Context Menu: Adjust styles (#4625)
This commit is contained in:
parent
7954bd9c28
commit
a77e9bfd8a
@ -5,10 +5,6 @@
|
||||
right: 0;
|
||||
top: -0.5rem;
|
||||
|
||||
&--isRtl {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
left: 0;
|
||||
right: 0;
|
||||
|
||||
@ -157,7 +157,7 @@ const ReactionSelector: FC<OwnProps> = ({
|
||||
if (!reactionsToRender.length) return undefined;
|
||||
|
||||
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('items-wrapper')}>
|
||||
<div className={cn('bubble-big', lang.isRtl && 'isRtl')} />
|
||||
|
||||
@ -129,6 +129,7 @@
|
||||
font-size: 0.875rem;
|
||||
margin: 0.125rem 0.25rem;
|
||||
padding: 0.25rem;
|
||||
padding-inline-end: 0.75rem; // Icon padding + padding for symmetry
|
||||
border-radius: 0.375rem;
|
||||
width: auto;
|
||||
font-weight: 500;
|
||||
@ -138,8 +139,7 @@
|
||||
.icon {
|
||||
max-width: 1.25rem;
|
||||
font-size: 1.25rem;
|
||||
margin-left: 0.5rem;
|
||||
margin-right: 1.25rem;
|
||||
margin-inline: 0.5rem 1.25rem;
|
||||
|
||||
&::before {
|
||||
max-width: 1.25rem;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user