Consider using SVG for right-/down-arrows that expand/collapse elements
p-himik opened this issue · 1 comments
Right now, the project uses plain symbols and relies on the browser for correct rendering. The issue is that the rendering depends also on the underlying OS and on the set of available fonts.
Here's how it looks on my system after some update:
As you can see, the down arrow looks normal (but still a bit uglier than the icons used by the default Elements tab IMO) but the right arrow is a mess.
Relying on SVG would make the appearance independent on the underlying system configuration.
React DevTools has been rewritten and recently launched a new version 4 UI. The source code for this rewrite was done in a separate repository and now lives in the main React repo (github.com/facebook/react).
Because version 4 was a total rewrite, and all issues in this repository are related to the old version 3 of the extension, I am closing all issues in this repository. If you can still reproduce this issue, or believe this feature request is still relevant, please open a new issue in the React repo: https://github.com/facebook/react/issues/new?labels=Component:%20Developer%20Tools