Styling under #q-app div
-
Hi, I’m using the CLI to create plugins for wordpress faster. But when I load the styles on backend of wordpress, some wordpress components get affected.
How can I apply the quasar default styling ONLY under #q-app div.
So with sass my idea would be something like this:
#q-app //...all the quasar stylingI know I can do this with my own classes, but not how to do it with default quasar styling.
Thanks!
-
@miquelcapo said in Styling under #q-app div:
Hi, I’m using the CLI to create plugins for wordpress faster.
Just curious… so you create Wordpress plugins with Quasar CLI? How does that work?
-
@dobbel What part specificly? For exemple, I just created a plugin to translate a site easily with Polylang and Oxygen builder. So in the backend, on the post (any where I used Oxygen Builder ) I create an interface to generate and array of translations.
I could use vue and some other component library, but with quasar, with the auto-import, it’s faster to build the interface.
So, I create an app inside the plugin and I use ajax to save the data to wordpress.
On development I use the localhost devserver and on production I build the app and load js, css and assets with wp (admin_enqueue_scripts hook) and just build it on a #q-app div. I don’t use the html from quasar.
I don’t know if this answers your question.
-
Ah so you create plugins designed to be used in the backend of WP?
Do you have a link to any of your created quasar/WP plugins?
On development I use the localhost devserver and on production I build the app and load js, css and assets with wp
So if I understand correctly: you use Quasar CLI for development. For a production build you run
quasar buildand then load the created js/css/assets from the quasar’s build folder with WPadmin_enqueue_scripts hook. Or do you use Quasar’s UMD mode generated files in to load in WP( if not, why not use UMD?).On your question, here’s a github issue you might find interesting:
https://github.com/quasarframework/quasar/issues/5063
