element-hq / element-hq/element-call
Tiles are 4 pixels off-center
- Dominant language
- TypeScript
- Stars
- 996
- Forks
- 213
- Avg merge
- 1d 6h
- Merged PRs (30d)
- 54
Description
### Steps to reproduce
1. Join a call
2. Use grid layout
3. Stare at the interface reeeally closely
### Outcome
#### What did you expect?
Tile should be centered in the middle of the screen
#### What happened instead?
The tile is closer to the right edge of the screen than the left. This is a regression due to the addition of `margin: var(--hover-space-margin);` in f509c06cc.
### Operating system
NixOS 25.05
### Browser information
Firefox 141.0.3
### URL for webapp
call.element.dev
### Will you send logs?
No
Contributor guide
Research direction
Inspect commit f509c06cc and the grid-layout styling it changed, focusing on the added `margin: var(--hover-space-margin);`. Reproduce the layout at call.element.dev and confirm the tile has equal space on both sides; done means the grid tile is centered without regressing the intended hover spacing.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 65/100