This task involves the work of revising how the {nav Add topic} appears when people click / press it.
=== Behavior
|Normal|Hover|❗️Active (current)|✅ Active (expected)
|---|---|---|---
|{F35377027}|{F35377017}|{F35377009}| //TBD//
The active state is definitely wrong (blue icon on blue background)
The height of the button is also less than that of other buttons in the sticky header.
===Proposed behavior
Based on the Design System (OOUI or Codex), here are the different states we should have for our 'Quiet button'.
|Normal|Hover|Active|Focus|Disabled|
|{F35464293}|{F35464295}|{F35464297}|{F35464300}|{F35464302}
=== Open questions
- [ ] 1. The height of the "Active (current)" button is less than that of other buttons in the sticky header. How – if at all – should the height of this button be adjusted?
- [ ] 2. How should the active state of the {nav Add topic} button appear?
=== Done
- [ ] Answers to all `===Open questions` are documented
- [ ] New {nav Add topic} active state is implemented