This task involves the work of revising how the {nav Add topic} appears when people click / press it.
=== //Current// Behavior
|Normal|Hover|❗️Active (current)
|---|---|---|---
|{F35377027}|{F35377017}|{F35377009}
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.
===//Desired// 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?~~
-- The Web and Design Systems Teams are addressing this question in T314323.
- [x] 2. How should the active state of the {nav Add topic} button appear?
=== Done
- [x] Answers to all `===Open questions` are documented
- [ ] `===Desired behavior` is implemented