Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

Improve UI spacing on bigger text sizes

オープン
#1,187 コメント 5 件 リアクション 0 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

評価

難易度
4/5
見積もり時間
3〜5日
初心者へのやさしさ
35/100
issue の種類
機能追加
明瞭さ
説明が足りない
活発さ
停滞

調査の方向性

1xスケーリングでフォントサイズを1.5にしてUIを再現し、その後、2xスケーリングでxrandrを使用して生成したスクリーンショットと比較します。タイトルバー、タブ、メニューの間隔、キーボードショートカット、ドロップシャドウ、wingpanelを確認します。大きなテキストのレイアウトでも、同様に快適で均一な間隔になっていれば作業は完了です。

索引モデルが issue の本文から書いたものです。

説明

Needs Design Priority: Wishlist

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

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

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.

主要言語
Vala
スター
521
フォーク
119
平均マージ
1日 7時間
マージ済み PR(30日)
13

コントリビューションガイド

コントリビューションガイドを開く

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

elementary/code のほかの issue

elementary/code の issue をすべて見る

似ている issue

Design の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。