[1.x] Ensure first-party CSS is not overriden

laravel / pulse

Laravel Pulse is a real-time application performance monitoring tool and dashboard for your Laravel application.

https://pulse.laravel.com

MIT License

1.47k stars 171 forks source link

Closed timacdonald closed 6 months ago

timacdonald commented 6 months ago

When a 3rd party card adds CSS it currently overrides existing CSS.

This sounds like a good thing and what we want, however due to the nature of Tailwind + the cascade, unwanted styling occurs.

For example, imagine a 3rd party card that uses the block class in Tailwind.

Because its .block { display: block } appears later in the order it will override undo some styling in the Pulse dashboard.

<button class="block dark:hidden">

This button will now always be visible.

github-actions[bot] commented 6 months ago

Thanks for submitting a PR!

Note that draft PR's are not reviewed. If you would like a review, please mark your pull request as ready for review in the GitHub user interface.

Pull requests that are abandoned in draft may be closed due to inactivity.