Remove !important

Open
#96 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
2/5
Estimated time
1-3 hours
Newbie friendliness
35/100
Issue type
Bug
Clarity
Mostly clear
Activity status
Stale
Tech stack
javascript, tailwindcss
Domain
frontend

Research direction

Start by reproducing the Tailwind background-color conflict described in the issue and read the linked Tailwind discussion. Inspect the button styling entry point to find where the transparent background or !important rule is applied. Done means custom button backgrounds are no longer overridden by the default styling.

Written by the indexing model from the issue text.

Description

Tailwind put background-color: transparent and this will override all the custom button background, maybe this approach will solve this problem

https://github.com/tailwindlabs/tailwindcss/issues/6602#issuecomment-1029218284

but it's necessary to put background-color: none instead of transparent, or apply bg-main-dark-blue

Dominant language
JavaScript
Stars
4
Forks
3
No merged PRs in 30d

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from platformatic/ui-components

All issues in platformatic/ui-components

Similar issues

More JavaScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.