element-hq / element-hq/element-web

Inconsistent PiP tooltip layout

Open
#22,446 1 comment 0 reactions 0 assignees View on GitHub
A-Appearance A-Picture-in-Picture A-Tooltips A-VoIP O-Occasional S-Minor T-Enhancement
Dominant language
TypeScript
Stars
13.5k
Forks
2.8k
PR merge metrics
PR metrics pending

Description

### Your use case

normal margin:
![image](https://user-images.githubusercontent.com/2803622/172057555-1c7077de-1b6b-4f54-a3ad-f4b77f677f0e.png)
large margin on this button
![image](https://user-images.githubusercontent.com/2803622/172057565-27435798-21f8-4526-a949-fa82afba26d0.png)
line break in this tooltip. this is even worse in localizations with longer words such as "Auflegen":
![image](https://user-images.githubusercontent.com/2803622/172057575-486a3c98-6c1f-4db1-9b65-2cf79961c83b.png)

### Have you considered any alternatives?

_No response_

### Additional context

_No response_

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the PiP tooltip layout shown in the issue, including a longer localized label such as “Auflegen,” then trace the tooltip and button styling in the frontend. Done means consistent margins and no unwanted line breaks across the affected tooltip layouts and localizations.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.