Skip to content
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

Design update #423

Open
wants to merge 18 commits into
base: master
Choose a base branch
from

Conversation

RobinDaugherty
Copy link
Member

@RobinDaugherty RobinDaugherty commented Jun 28, 2018

Goals:

  • Make the content semantic, to support those with screen readers.
  • Cleaner. Embrace flat design and remove the text shadows, box shadows, etc.
  • More obvious connection between stack navigation and the entire right side of the page. All of the items on the right are within the context of the selected stack item, but that's not obvious in the current design.
  • Continuity with the existing design. This should feel at home for a longtime user of Better Errors.

To Do

  • Add aria-role to the navigation and segmented control.
  • Change the segmented control to black and white.
  • Add title to icons in the call stack so that "A" can be understood.
  • Some cleanup for the "small" screen version (mostly for mobile).
  • Support for "dark mode" UI using media queries.
  • Add some kind of explanation that this is Better Errors, maybe link to the project page for help.
  • Make the console input area more obvious.

Screenshots

redesigned console showing application frames

redesigned console showing all frames

For comparison:
before the redesign

@Geesu
Copy link

Geesu commented Nov 21, 2018

The input text area was more obvious in the original design, maybe add some shadows so it is obvious?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants