elementary / elementary/stylesheet

buttons are blurry with scaled text

Open
#1,345 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
SCSS
Stars
315
Forks
67
Avg merge
44m
Merged PRs (30d)
1

Description

### What Happened?

I only notice this on buttons and keycaps for shortcuts

It might be difficult to demonstrate with how github renders images, but I'm not sure

1.0x scale:

Image
Image

1.20x scale:

Image
Image

### Steps to Reproduce

Increase the system font scale in either the quick-settings menu or in desktop settings, the border around buttons look fuzzy, more than 1 pixel wide

### Expected Behavior

expected to look clean with scaled text

1.20x scale with an edit to gtk.css

Image
Image

`
button,
.keycap {
padding: 4px 7px 4px 7px;
}
`
padding probably isnt being defined in px, but this could break on high dpi screens which I don't have and cant test on

### OS Version

8.x (Circe)

### OS Architecture

amd64 (on most hardwares)

### Session Type

Secure Session (Wayland)

### Software Version

Latest release (I have run all updates)

### Log Output

```shell

```

### Hardware Info

1920x1080 display

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.