mirror of
https://github.com/discourse/discourse.git
synced 2026-08-06 07:23:30 +08:00
Restyle the chart.js legend to be more clearly toggled on or off by changing the design to an inset box when checked and apply opacity when unchecked. This commit adds 2 small reusable libs to achieve this across the different chart implementations. | What | Then | Now | |--------|--------|--------| | Unchecked | <img width="485" height="334" alt="CleanShot 2026-07-14 at 10 59 43" src="https://github.com/user-attachments/assets/04ace368-ea4e-44ec-8270-74174dd8f602" /> | <img width="488" height="347" alt="CleanShot 2026-07-14 at 10 58 10" src="https://github.com/user-attachments/assets/ad8a2150-003e-405c-a93a-192956c25c59" /> | | Checked | <img width="485" height="334" alt="CleanShot 2026-07-14 at 10 59 29" src="https://github.com/user-attachments/assets/128439c9-009b-4d09-9c07-93219abdf959" /> | <img width="488" height="347" alt="CleanShot 2026-07-14 at 10 58 24" src="https://github.com/user-attachments/assets/a9f40a03-5cec-4991-95f2-ec1fc35a126c" /> | |
||
|---|---|---|
| .. | ||
| app | ||
| assets | ||
| config | ||
| db/migrate | ||
| jobs/regular | ||
| lib | ||
| spec | ||
| test/javascripts | ||
| package.json | ||
| plugin.rb | ||
| tsconfig.json | ||