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.

Sign up for GitHub

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

Jump to bottom

Switch CSS example borders to left side #92

Closed
schalkneethling opened this issue Jul 3, 2017 · 1 comment
Closed

Switch CSS example borders to left side #92

schalkneethling opened this issue Jul 3, 2017 · 1 comment
Assignees
@schalkneethling
Labels
enhancement Improves an existing feature.
Milestone
Official version ...

Comments

@schalkneethling
Copy link
Contributor

Currently CSS code example have either a red or yellow border on the right.

Red indicates invalid CSS
Yellow indicates the currently active example

To aid in the overall user experience and a generally better UI, we need to:

  1. Move above mentioned borders to the left
  2. Change the yellow border to green
  3. Add a default gray border to inactive examples
@schalkneethling schalkneethling added enhancement Improves an existing feature. UX labels Jul 3, 2017
@schalkneethling schalkneethling self-assigned this Jul 3, 2017
@schalkneethling
Copy link
Contributor Author

Here is the new states.

Default
Invalid
Active

screen shot 2017-07-03 at 18 30 35

schalkneethling pushed a commit that referenced this issue Jul 3, 2017
Merge pull request #93 from schalkneethling/issue#92-improve-css-exam…
337e012 
…ples-editor-borders

Fix issue #92, improve css examples editor states
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@schalkneethling schalkneethling

Labels
enhancement Improves an existing feature.
Projects
None yet
Milestone
Official version 1 Release
Development

No branches or pull requests
1 participant
@schalkneethling