You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Most of the standard user menu items include icons that are tagged with the "fixed width" (fa-fw) font awesome class which allows them to align nicely in the drop-down menu. However, a few are missing the fa-fw class so they appear a bit askew.
Orchard Core version
1.8.3
To Reproduce
Steps to reproduce the behavior:
Sign in to the admin dashboard
Enable the "Users Change Email" feature and then under Security > Settings > User Change email, check "Allow the users to change their email" setting and press Save. (This just makes the problem a bit more obvious.)
Click on the user icon and notice that the drop-down menu text is not aligned quite right.
Expected behavior
The menu should have nicely aligned icons and text. The problem is a bit subtle but it's enough that it gives just a bit of a sloppy appearance that some users (and our UX team) have noted.
Logs and screenshots
Here's a screenshot showing the menu with a straight red line added to help clarify that the text is not properly aligned.
Notice that most of the UserMenuItem-*.cshml templates use the fa-fw (fontawesome fixed width class) to ensure that the text after the icon will be aligned correctly. For example, the Change Email shape:
Describe the bug
Most of the standard user menu items include icons that are tagged with the "fixed width" (fa-fw) font awesome class which allows them to align nicely in the drop-down menu. However, a few are missing the fa-fw class so they appear a bit askew.
Orchard Core version
1.8.3
To Reproduce
Steps to reproduce the behavior:
Expected behavior
The menu should have nicely aligned icons and text. The problem is a bit subtle but it's enough that it gives just a bit of a sloppy appearance that some users (and our UX team) have noted.
Logs and screenshots
Here's a screenshot showing the menu with a straight red line added to help clarify that the text is not properly aligned.
Notice that most of the UserMenuItem-*.cshml templates use the fa-fw (fontawesome fixed width class) to ensure that the text after the icon will be aligned correctly. For example, the Change Email shape:
However, some of them are missing the fa-fw class. For example, the Sign Out shape:
If I add the missing fa-fw classes, then the problem is resolved.
The text was updated successfully, but these errors were encountered: