element-hq / element-hq/element-web

Increase space sidebar icon size from 32px to 40px

Open
#20,089 1 comment 0 reactions 0 assignees View on GitHub
A-Spaces S-Tolerable T-Enhancement X-Needs-Design
Dominant language
TypeScript
Stars
13.5k
Forks
2.8k
PR merge metrics
PR metrics pending

Description

### Your use case

#### What would you like to do?

Increase the size of space icons in the sidebar.

#### Why would you like to do it?

Compared to some other messengers in likewise window sizes and depths, the space icons are actually rather hard to see, i'd like for them to be a bit bigger.

### Have you considered any alternatives?

_No response_

### Additional context

Here is a comparison image on a 2560 x 1440 monitor (slightly cropped on bottom and top for system status bars);

Without size increase;

![image](https://user-images.githubusercontent.com/22740616/145080400-8f38c81b-207c-4369-9924-2a03e62a2cb8.png)

With size increase;

![image](https://user-images.githubusercontent.com/22740616/145080461-b405e9fa-27e2-44a1-832b-4ea5b4424973.png)

---

Programmer note, and cc @SimonBrandner, i had to add the following CSS;

```css
.mx_SpacePanel .mx_SpaceButton .mx_BaseAvatar_image {
width: 40px !important;
height: 40px !important;
}
```
Because every space icon defines their height and width in their own `style` attribute, i think that could be easily cleaned up.

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.