elementary / elementary/code

Improve UI spacing on bigger text sizes

Offen
#1,187 5 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
Needs Design Priority: Wishlist
Vorherrschende Sprache
Vala
Sterne
521
Forks
118
Ø Merge
1 T. 8 Std.
Gemergte PRs (30 T.)
14

Beschreibung

I think allowing users to set the text size instead of providing fractional scaling is a very good idea to begin with but the spacing between UI elements needs some improvement. For example, on Code (screenshot below) with 1x scaling factor and the font size set to 1.5 everything feels too compact and not really breathable and evenly spaced.

![Screenshot from 2022-02-03 19-24-02_cropped](https://user-images.githubusercontent.com/25988099/152423059-a6c562c8-7aaa-4bcc-9d6e-341f4fa0d16c.png)

I think a good rule of thumb to get the spacing right would be using `xrandr` with the 2x scaling factor to zoom out the screen (screenshot below) so that the zoomed out font size on 2x matches the preferred font size on 1x.

![Screenshot from 2022-02-03 19-22-50@2x_cropped](https://user-images.githubusercontent.com/25988099/152423004-810eea3a-1f68-4250-8956-a097393366f3.png)

As you can see, the scaled down version looks more pleasant spacing-wise, the titlebar is bigger, the tabs view is bigger, the drop-shadow is heavier and there is much more spacing between the menu entry and it's corresponding keyboard shortcut. The wingpanel is also more comfortably-spaced as opposed to the first version where the applications menu is so near my monitor bezel I can't stand it.

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Reproduziere die UI bei 1x-Skalierung mit einer Schriftgröße von 1,5 und vergleiche sie anschließend mit dem Screenshot, der mit xrandr bei 2x-Skalierung erstellt wurde. Überprüfe die Titelleiste, Tabs, Menüabstände, Tastaturkürzel, den Schlagschatten und wingpanel; die Arbeit ist abgeschlossen, wenn das Layout mit größerem Text ähnlich komfortable und gleichmäßige Abstände aufweist.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Bereich
design, desktop, frontend
Issue-Typ
Feature
Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Aktivitätsstatus
Veraltet
Klarheit
Muss geklärt werden
Anfängerfreundlichkeit
35/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.