element-hq / element-hq/element-meta

[Story] Hide Notification Balloon

Open
#2,383 0 comments 0 reactions 0 assignees View on GitHub
T-User Story
Dominant language
No language data
Stars
112
Forks
25
Avg merge
6h 6m
Merged PRs (30d)
4

Description

### Story

As an everyday user, I want to be able to hide notification balloons, without muting the entire channel, so my OCD can get some rest.

By balloon, I'm referencing the white dot on the right side:
![image](https://github.com/element-hq/element-meta/assets/59068073/1b8e5dff-a428-49bb-b71f-b817090a3dfd)

I still want to be notified about mentions and keywords:
![image](https://github.com/element-hq/element-meta/assets/59068073/a28fb4bd-24d1-45c5-9dfa-5ca8bf452fd8)

But I do not want to see the balloon. Eg. Same when there are no new messages:
![image](https://github.com/element-hq/element-meta/assets/59068073/a5d4b608-334b-4283-98d0-20dba033dc7e)

This is a soft mute of some sort, same as Slack when the channel turns dark gray, but shows a balloon on tagged notifications:
![image](https://github.com/element-hq/element-meta/assets/59068073/c33947d4-bf55-46b3-88ea-37d33b6cc731)

Or Discord when the muted channel shows no balloons regarding new messages, but shows a balloon on tagged notifications:
![image](https://github.com/element-hq/element-meta/assets/59068073/e42b155b-804d-44f1-b436-973c42a0e31f)

### Dependencies

- TBD

### Sign-offs

#### Android
- [ ] Design sign-off on completion
- [ ] QA sign-off on completion
- [ ] Product sign-off on completion

#### iOS
- [ ] Design sign-off on completion
- [ ] QA sign-off on completion
- [ ] Product sign-off on completion

#### Web
- [ ] Design sign-off on completion
- [ ] QA sign-off on completion
- [ ] Product sign-off on completion

### Scope

```[tasklist]
### Android
- [ ] Verified with build in screen reader
```

```[tasklist]
### iOS
- [ ] Verified with build in screen reader
```

```[tasklist]
### Web
- [ ] Verified with system in screen reader
```

## Out of scope

- TBD

Contributor guide

No contributing guide indexed for this repository

Research direction

The issue names no files, tests, or entry points; begin by locating notification-balloon behavior separately in the Android, iOS, and Web clients. Use the screenshots and stated soft-mute behavior to clarify the platform-specific settings and acceptance criteria. Done means ordinary message balloons can be hidden while mentions and keywords still produce notifications, with screen-reader verification on each platform.

Written by the indexing model from the issue text.

Assessment

Domain
frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.