Skip to content

[WIP] Refactor lazylog-custom-styles.css to avoid !important#9192

Draft
Copilot wants to merge 2 commits intomasterfrom
copilot/avoid-important-css-rules
Draft

[WIP] Refactor lazylog-custom-styles.css to avoid !important#9192
Copilot wants to merge 2 commits intomasterfrom
copilot/avoid-important-css-rules

Conversation

Copy link

Copilot AI commented Jan 30, 2026

Plan to avoid CSS !important syntax

  • Understand the problem: The @melloware/react-logviewer package uses CSS modules with embedded styles
  • Analyze CSS specificity requirements to override package styles
  • Modify lazylog-custom-styles.css to use higher specificity selectors instead of !important
  • Add .treeherder-lazylog-wrapper class to component wrappers for higher specificity
  • Update imports in LogviewerTab.jsx to use new package
  • Test the changes to verify styles are applied correctly (linting and build pass)
  • Run linters and ensure code quality

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

Co-authored-by: Archaeopteryx <216576+Archaeopteryx@users.noreply.github.com>
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