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

Better CSS Debuging #515

Open
dfvalero opened this issue Jun 16, 2020 · 1 comment
Open

Better CSS Debuging #515

dfvalero opened this issue Jun 16, 2020 · 1 comment
Assignees
Labels
enhancement For discussing possible improvements

Comments

@dfvalero
Copy link
Contributor

dfvalero commented Jun 16, 2020

While developing, it's kind of hard to find what is the related CSS for a component.

Example (Navbar) in chrome developer tools:

Screenshot 2020-06-16 at 20 59 13

In shopfront, for example, there is some tool that adds the name of the component in the class attribute and it's easy to find what is the related CSS. (TopNavigation, InformationBanner)

Screenshot 2020-06-16 at 21 03 30

@moshie Did we enable something in the past to have this "feature", or does it comes baked with gatsby?

Thanks!

@dfvalero dfvalero added the question Further information is requested label Jun 16, 2020
@poteirard
Copy link
Contributor

We would have to implement a double bundle one that works for NODE_ENV=developement and another one for production. That will require some tweak in the rollup config. I would wait for the next version of tsdx which will implement that automatically

@poteirard poteirard self-assigned this Feb 1, 2021
@poteirard poteirard added enhancement For discussing possible improvements and removed question Further information is requested labels Feb 1, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement For discussing possible improvements
Projects
None yet
Development

No branches or pull requests

2 participants