SSWConsulting / SSWConsulting/SSW.Website

🐛 Bug - Style Sheet Overrides Tailwind Button Class

Open
#3,958 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Needs Refinement YakShaver
Dominant language
HTML
Stars
14
Forks
10
Avg merge
13h 51m
Merged PRs (30d)
38

Description

Requested by: @Calinator444 via YakShaver.ai 🦬
cc: @Calinator444, @brookjeynes-ssw, @adamcogan, @babakamyljanovssw

Hi Team!

  🟥  Watch the video (1 min 19 sec)

  Url from screen share: http://localhost:3000

Pain

The current style sheet in the SSW Website repository is overriding Tailwind classes, specifically affecting the button background color when using Tina.io. This issue prevents the application of custom styles using the new Tailwind version.

Acceptance Criteria
  1. The style sheet no longer overrides Tailwind button classes.
  2. Custom Tailwind styles can be applied without interference.
  3. The website functions correctly with Tina.io after the fix.
Reproduce Steps
  1. Navigate to the SSW Website repository.
  2. Attempt to apply a custom Tailwind button background color using Tina.io.
  3. Observe that the style sheet overrides the Tailwind class, preventing the custom style from being applied.
Screenshot

Screenshot
Figure: Button class overrides background color

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.

Research direction

Start at http://localhost:3000 and reproduce the Tina.io button styling issue, then trace which stylesheet rule overrides the Tailwind class. Confirm completion by applying a custom Tailwind background without interference and checking that the website still functions correctly with Tina.io.

Written by the indexing model from the issue text.

Assessment

Tech stack
html, nextjs, tailwindcss
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.