chrome-extension-boilerplate-react-vite icon indicating copy to clipboard operation
chrome-extension-boilerplate-react-vite copied to clipboard

Styles do not get applied using Styled Components library

Open OwenSamuel opened this issue 1 year ago • 1 comments

Is your feature request related to a problem? Please describe. When using the styling library Styled Components the styling does not get applied.

Describe the solution you'd like Documented steps on how to get it working or a basic working example.

Describe alternatives you've considered I have considered using Tailwind and might default to that if I can not find a solution.

OwenSamuel avatar Jan 09 '24 12:01 OwenSamuel

Thank you for your contribution. We will check and reply to you as soon as possible.

github-actions[bot] avatar Jan 09 '24 12:01 github-actions[bot]

Can you provide some example?

E.g here: https://codesandbox.io/p/sandbox/react-new

PatrykKuniczak avatar Jan 10 '24 09:01 PatrykKuniczak

Can you provide some example?

E.g here: https://codesandbox.io/p/sandbox/react-new

Hi, I have created a repo with a basic example of a styled component. It is a content page. You can see the content is there but the styling does not get pulled through.

https://github.com/OwenSamuel/chrome-extension-boilerplate-react-vite

OwenSamuel avatar Jan 15 '24 08:01 OwenSamuel

Can you provide some example?

E.g here: https://codesandbox.io/p/sandbox/react-new

Hi, I have created a repo with a basic example of a styled component. It is a content page. You can see the content is there but the styling does not get pulled through.

https://github.com/OwenSamuel/chrome-extension-boilerplate-react-vite

Now i remeber sth, i probably have the same problem on my project, but this is not issue with template i think, but i will take a look on that, and let you know, stay tuned 😉

PatrykKuniczak avatar Jan 15 '24 08:01 PatrykKuniczak

Can you provide some example? E.g here: https://codesandbox.io/p/sandbox/react-new

Hi, I have created a repo with a basic example of a styled component. It is a content page. You can see the content is there but the styling does not get pulled through. https://github.com/OwenSamuel/chrome-extension-boilerplate-react-vite

Now i remeber sth, i probably have the same problem on my project, but this is not issue with template i think, but i will take a look on that, and let you know, stay tuned 😉

Thanks!

OwenSamuel avatar Jan 15 '24 08:01 OwenSamuel

@OwenSamuel

Consider emotion with an almost identical interface? Here's an example built with emotion. Check it out if you like!

  • https://github.com/Jonghakseo/drag-gpt-extension
  • https://github.com/Jonghakseo/drag-gpt-extension/blob/main/src/pages/content/src/ContentScriptApp/App.tsx
  • https://github.com/Jonghakseo/drag-gpt-extension/tree/main/src/pages/content/src/ContentScriptApp/emotion

Jonghakseo avatar Jan 19 '24 01:01 Jonghakseo

I'm closing the issue, please reopen if necessary.

Jonghakseo avatar Feb 18 '24 05:02 Jonghakseo