LearnNewsExamplesServices
Frontmatter
id8746
titleRefine HeaderToolbar SCSS Specificity
stateClosed
labels
bugdesign
assigneestobiu
createdAtJan 17, 2026, 5:06 AM
updatedAtJan 17, 2026, 5:07 AM
githubUrlhttps://github.com/neomjs/neo/issues/8746
authortobiu
commentsCount1
parentIssue8727
subIssues[]
subIssuesCompleted0
subIssuesTotal0
blockedBy[]
blocking[]
closedAtJan 17, 2026, 5:07 AM

Refine HeaderToolbar SCSS Specificity

Closed v11.23.0 bugdesign
tobiu
tobiu commented on Jan 17, 2026, 5:06 AM

Target .neo-button.neo-button-ghost in resources/scss/src/apps/portal/HeaderToolbar.scss to ensure the override of theme-level active state styles (which have high specificity and !important). This fixes the "flash of background color" on click.

tobiu added the bug label on Jan 17, 2026, 5:06 AM
tobiu added the design label on Jan 17, 2026, 5:06 AM
tobiu added the ai label on Jan 17, 2026, 5:06 AM
tobiu referenced in commit 0492e07 - "fix: Increase HeaderToolbar SCSS specificity to override active state (#8746)" on Jan 17, 2026, 5:06 AM
tobiu assigned to @tobiu on Jan 17, 2026, 5:07 AM
tobiu
tobiu Jan 17, 2026, 5:07 AM

Input from Gemini 3 Pro:

✦ Refined HeaderToolbar.scss specificity. Targeting .neo-button.neo-button-ghost ensures our transparent !important override wins against the theme's specific !important rules for the active state.

tobiu removed the ai label on Jan 17, 2026, 5:07 AM
tobiu closed this issue on Jan 17, 2026, 5:07 AM
tobiu added parent issue #8727 on Jan 17, 2026, 5:07 AM