Skip to content

Conversation

@levadadenys
Copy link
Contributor

[Experiment] Removed legacy button !important styles

The issue was found by @breville and is described in slack via this link. It appeared after I was working on cfu and adding Mui Button dsco button equivalent. Removing this legacy styles should be the most optimal solution given all the complexity.(Specifically in this PR) If any regressions appear - feel free to revert and share details of regression

Links

  • Jira:

Testing story

Deployment strategy

Follow-up work

Privacy

Security

Caching

PR Creation Checklist:

  • Tests provide adequate coverage
  • Privacy impacts have been documented
  • Security impacts have been documented
  • Code is well-commented
  • New features are translatable or updates will not break translations
  • Relevant documentation has been added or updated
  • User impact is well-understood and desirable
  • Follow-up work items (including potential tech debt) are tracked and linked

Copy link
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Removes a legacy global button:active border override (with !important) to reduce interference with newer button styling (notably MUI / DSCO equivalents) and simplify active-state behavior.

Changes:

  • Deleted the button:active:not(.MuiButtonBase-root) rule that forced a light gray border with !important.
  • Kept the specialized button.button-active-no-border:active override for cases that intentionally suppress borders.
Comments suppressed due to low confidence (1)

dashboard/app/assets/stylesheets/application.scss:3472

  • The inline comment says this rule overrides a button:active rule above, but that selector was removed in this PR. Please update the comment to reflect what it actually overrides now (likely the base button border) or remove the outdated reference to avoid confusion when maintaining button styles.
button.button-active-no-border:active {
  // This class is needed for when we want to hide the border on
  // an active button. (overriding button:active rule above)
  border: none !important;

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants