Arty
Well-known member
When user opens popup, such as account menu or alerts, XF's JavaScript aligns popup window to bottom left corner of item that triggered popup. Examples: resources, members, help popups in navigation.
However, if there is not enough space for popup on right side to fit popup window, it aligns popup to bottom right corner. Examples: inbox, alerts popups in navigation.
Problem: there is no way to tell from CSS how popup is aligned, so if popup must be moved several pixels to left or right for styling purposes, style author must assume that specific popup opens in specific direction, often resulting in incorrectly aligned popup windows.
Suggestion: add class to popup menu that shows how popup was aligned. For example, for account menu
add classes like MenuAlignLeft and MenuAlignTop whenever popup is opened, like
allowing style author to adjust alignment via css like
However, if there is not enough space for popup on right side to fit popup window, it aligns popup to bottom right corner. Examples: inbox, alerts popups in navigation.
Problem: there is no way to tell from CSS how popup is aligned, so if popup must be moved several pixels to left or right for styling purposes, style author must assume that specific popup opens in specific direction, often resulting in incorrectly aligned popup windows.
Suggestion: add class to popup menu that shows how popup was aligned. For example, for account menu
Code:
<div id="AccountMenu" class="Menu JsOnly">
Code:
<div id="AccountMenu" class="Menu JsOnly MenuAlignLeft MenuAlignTop">
Code:
.Menu.MenuAlignLeft { margin-left: -3px; }
Upvote
0