-
Notifications
You must be signed in to change notification settings - Fork 39
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Status Icons Redesign #98
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
tACK 459c158
With a minor nit
This icon does not correspond too much with
This icon, so maybe we can make them the same for both
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Much better now!
tACK a5d34ec
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Works and looks great
tACK a5d34ec
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
tACK
* Status Icons Revamp * Hide some icons by default * Add clarified comment * Move ptr cursor to icons instead of container * Match Testnet icons * Run Prettier
* Status Icons Revamp * Hide some icons by default * Add clarified comment * Move ptr cursor to icons instead of container * Match Testnet icons * Run Prettier
Abstract
The old 'status' system for MPW looked extremely clunky, inconsistent, and used too much "screen space".
This PR redesigns MPW 'statuses' to be FontAwesome icon-based with descriptive Bootstrap Tooltips upon hover, all icons are clickable, some will totally hide when disabled (i.e: Debug Mode), and some will switch icon accordingly to their mode, like Internet Access.
Production:

Pull Request:

What does this PR address?
This PR redesigns the Status system to an 'icon bar' with status icons and descriptive tooltips, massively reducing screen-space used, and giving full consistency to any existing and future MPW statuses that need to be displayed to the user.
What features or improvements were added?
A redesigned Status Bar with icons and descriptive tooltips.
How does this benefit users?
It's much nicer on the eyes, easy to understand, and uses far less screen real-estate, which helps draw the user's focus to where it's needed (the core app), only displaying verbose info upon hover.