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

feat: More in-keeping DevTools style #418

Merged
merged 12 commits into from
Feb 14, 2021
Merged

feat: More in-keeping DevTools style #418

merged 12 commits into from
Feb 14, 2021

Conversation

matatk
Copy link
Owner

@matatk matatk commented Feb 14, 2021

  • Style the DevTools panel in a way that matches the browsers' DevTools appearance more closely, and makes more use of the available screen space.
  • Support light and dark DevTools themes, including theme changes on-the-fly in Firefox.
  • Streamline the base gui.html a bit due to the simplified styles, and demarcate the DevTools and non-DevTools parts of the UI in this file completely, rather than having to remove elements in JS after load.
  • Streamline the build script a bit in light of the above.
  • Also rename the "tag" used to demarcate stuff to do with the sidebar in gui.html and options.html from "ui" to "sidebar" for clarity.
  • Add a bit of info abut the mutation stats at the bottom of the DevTools panel.
  • Re-order the buttons/warnings disclosure in the DevTools panel to be more consistent.
  • Style the buttons/warnings disclosure to look more interactive.
  • Fix some layout issues in Firefox (using feature detection—thanks StackOverflow—this could be used for other styling too).

Fixes #405

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.

DevTools UI should match user's choice of DevTools theme (not necessarily system)
1 participant