Align message context menu to right and vertically where space available #3087
Conversation
For context menus without chevrons, this changes the menu components to still set default styles that align the menu based on the edges used to specify the menu's position. This is not intended to change the positioning of any existing menus.
This changes the message context menu to align the right edge of the menu with the right edge of the button that opens it, which should keep all menu options inside the viewport, even if they are very wide. Part of element-hq/element-web#9624
This aligns the message context menu on either the top or the bottom of the button that triggers, depending on which side has more space available to fit the menu. Fixes element-hq/element-web#9624
|
ooi how much of element-hq/element-web#3429 is fixed? (noting that this PR would be the 3rd PR in the series) |
This change is (mostly) specific to the message context menu only. (It does also add some helper features to the context menu component as well, but we'd still need to visit and tweak the other cases.) Nad's design for this case seems specific to this particular menu, so I didn't feel confident about using that more generally for the other ones in element-hq/element-web#3429. So anyway, it does fix one comment from that issue, but the others (maybe only key share tooltip...?) are left as separate work. |
I tried to check the chevrons for the other context menus / tooltips, so hopefully they are okay.
Yes, it is a bit complex / over-engineered. |
This aligns the message context menu to the right edge of the menu button that triggers it and vertically places it either on the top or bottom of the button depending on which side has more space available.
Message near bottom of timeline:
Message near top of timeline:
Fixes element-hq/element-web#9624