Merge branch '384-language-urdu-message-emojis-alignment' into 'dev'
fix message emojis reaction alignment For issue #384 See merge request keanuapp/keanuapp-weblite!167
This commit is contained in:
commit
b1a2f84b13
3 changed files with 21 additions and 2 deletions
|
|
@ -716,7 +716,6 @@ body {
|
|||
display: inline-block;
|
||||
position: relative;
|
||||
vertical-align: bottom;
|
||||
transform: translateX(-20px) translateX(-100%);
|
||||
top: 18px;
|
||||
z-index: 2;
|
||||
background-color: #f7f7f7;
|
||||
|
|
@ -725,8 +724,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;
|
||||
|
|
@ -748,6 +753,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