Realign MessageActionBar to Figma designs (#32722)

* Realign MessageActionBar to Figma designs Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Iterate style based on review Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Move tooltips to above MAB Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update event bubble tile style Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update screenshots Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update apps/web/res/css/views/messages/_MessageActionBar.pcss Co-authored-by: Florian Duros <florianduros@element.io> * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update screenshot Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> --------- Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> Co-authored-by: Florian Duros <florianduros@element.io>
2026-03-09 10:29:15 +00:00
parent 8d076c897d
commit 095b407dae
15 changed files with 23 additions and 33 deletions
@@ -196,7 +196,9 @@ Please see LICENSE files in the repository root for full details.
        }

        .mx_MessageActionBar {
-            inset-inline-start: calc(100% - var(--MessageActionBar-size-box));
+            inset-inline-start: calc(
+                100% - var(--MessageActionBar-size-button) - 2 * var(--MessageActionBar-size-margin)
+            );
            right: initial; /* Reset the default value */
        }