guardian / guardian/dotcom-rendering

Apps Notifications from `left-col` breakpoint

Open
#12,231 3 comments 0 reactions 0 assignees View on GitHub
Team Candidate: Articles and Publishing
Dominant language
TypeScript
Stars
274
Forks
34
Avg merge
2d 22h
Merged PRs (30d)
121

Description

Apps articles and liveblogs only show notifications when there is no left column. Once there is a left column, the metadata is moved out to the left and the notifications button disappears.

We should include the notifications button in the left column. This needs design input as the left column can be small and there is not always enough space for the icon and the text to appear side-by-side.

| | Small screens | Large screens |
| - | - | - |
| article | ![article-desktop] | ![article-leftCol] |
| liveblog | ![liveblog-tablet] | ![liveblog-desktop] |

[article-desktop]: https://github.com/user-attachments/assets/83795684-d436-4035-a9ed-200d0e2d5a0b
[article-leftCol]: https://github.com/user-attachments/assets/bb6586bf-1ba7-4dd8-9ad0-cb95a6e1f40a
[liveblog-tablet]: https://github.com/user-attachments/assets/31e95fa3-68e2-4cc5-af68-80a7221d116e
[liveblog-desktop]: https://github.com/user-attachments/assets/5284d9b7-8bb7-4ca1-ae9a-83045680ead7

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.