Fix MessageActionBar alignment in Bubble layout (#7414)

2021-12-23 15:48:00 +00:00 · 2021-12-23 15:48:00 +00:00 · 2430bd7eb4
parent 38ba198fea
commit 2430bd7eb4
1 changed files with 6 additions and 5 deletions
--- a/res/css/views/rooms/_EventBubbleTile.scss
+++ b/res/css/views/rooms/_EventBubbleTile.scss
@ -89,6 +89,12 @@ limitations under the License.
        font-size: $font-15px;
    }

+    .mx_MessageActionBar {
+        top: -28px;
+        right: 0;
+        z-index: 9; // above the avatar
+    }
+
    &[data-self=false] {
        .mx_EventTile_line {
            border-bottom-right-radius: var(--cornerRadius);
@ -101,11 +107,6 @@ limitations under the License.
            left: -34px;
        }

-        .mx_MessageActionBar {
-            right: 0;
-            transform: translate3d(90%, 50%, 0);
-        }
-
        --backgroundColor: $eventbubble-others-bg;
    }
    &[data-self=true] {