element-hq / element-hq/element-call

Settings tabs are awkward

Open
#1,553 8 comments 0 reactions 1 assignee Claimed by @robintown View on GitHub
A-Settings O-Frequent T-Defect T-Enhancement Z-Design
Dominant language
TypeScript
Stars
996
Forks
215
Avg merge
1d 6h
Merged PRs (30d)
54

Description

### Steps to reproduce

On either your mobile or desktop join a call on https://call.element.dev/

Open the settings dialog box

### Outcome

#### What did you expect?
Visually compelling and easily accessible menu options in the setting dialog

#### What happened instead?

**On Desktop**
![Screenshot 2023-09-20 at 13 50 23](https://github.com/vector-im/element-call/assets/1543626/c49c2391-8330-4bd9-a202-236ea0781c87)

There is a vertical scroll bar which hides the remaining options.
* Adds some amount of inconvenience to navigate to the remaining options that are out of view.
* Not easy to see which options are hidden out of view
* The horizontal scroll bar isn't very visually appealing / in-line with the gorgeous design everywhere else in the app

**On Mobile through the EX app or on Safari**
![IMG_8961](https://github.com/vector-im/element-call/assets/1543626/fe14ba56-bf05-4931-bd7f-d4c8d3200732)

There is no indication that is a scroll bar and therefore options are hidden from users, in the menu of the settings.

It is also quite difficult to accurately swipe left and right to move the menu items, even if you do know that more options are there.

### Operating system

Mac/Safari. iOS/Safari. iOS/ElementX

### Browser information

_No response_

### URL for webapp

call.element.dev

### Will you send logs?

No

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.