fix message emojis reaction alignment
This commit is contained in:
parent
19d3605e11
commit
3c5c6098d1
3 changed files with 21 additions and 2 deletions
|
|
@ -715,7 +715,6 @@ body {
|
|||
display: inline-block;
|
||||
position: relative;
|
||||
vertical-align: bottom;
|
||||
transform: translateX(-20px) translateX(-100%);
|
||||
top: 18px;
|
||||
z-index: 2;
|
||||
background-color: #f7f7f7;
|
||||
|
|
@ -724,8 +723,14 @@ body {
|
|||
height: 26px;
|
||||
width: max-content;
|
||||
padding: 0px 6px;
|
||||
@include emoji-reaction-transform('left');
|
||||
|
||||
.messageOut & {
|
||||
transform: translateX(20px) translateX(100%);
|
||||
@include emoji-reaction-transform('right');
|
||||
|
||||
[dir="rtl"] & {
|
||||
@include emoji-reaction-transform('left');
|
||||
}
|
||||
}
|
||||
.quick-reaction {
|
||||
position: relative;
|
||||
|
|
@ -747,6 +752,10 @@ body {
|
|||
font-weight: 700;
|
||||
// background-color: palegreen;
|
||||
}
|
||||
|
||||
[dir="rtl"] & {
|
||||
@include emoji-reaction-transform('right');
|
||||
}
|
||||
}
|
||||
|
||||
.download-overlay {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue