steven-tey / novel

Notion-style WYSIWYG editor with AI-powered autocompletion.
https://novel.sh
Apache License 2.0
13.23k stars 1.08k forks source link

Issue: Prevent Novel Editor from Overwriting Tailwind CSS Styles #184 #185

Closed felipebarcelospro closed 1 year ago

felipebarcelospro commented 1 year ago

Hi everyone,

I've noticed an issue with the Novel Editor that's causing it to overwrite Tailwind CSS styles in my projects. This is causing some unexpected behavior and conflicts.

I believe it would be beneficial to find a solution to prevent this overwriting. It could improve the overall compatibility and usability of Novel Editor with projects using Tailwind CSS.

I'd appreciate your thoughts and suggestions on how best to tackle this issue.

sebszocinski commented 1 year ago

We have the same issue with our app and using shadcn/ui. Also dark mode doesn't play nicely because shadcn/ui uses "dark" and "light" classes on html and Novel uses "dark-theme" and "light-theme"

notjustinshaw commented 1 year ago

You can get around the dark mode by updating your config as done below. There are still certainly some papercuts that should be fixed so this integrates nicely with tw.

see: https://github.com/steven-tey/novel/blob/main/apps/web/app/providers.tsx

datarm-rs commented 1 year ago

PR #161 will fix this, I think. Not sure the progress on that though. It's been sitting waiting for integration for about 3 weeks now. @steven-tey

steven-tey commented 1 year ago

Sorry for the delay here! This should be fixed in novel@0.1.22: https://github.com/steven-tey/novel/releases/tag/0.1.22