Inconsistent font-size token usage in dialog and accordion
メンテナーはふだん 2 日以内に返信
まだ誰も着手していません。
評価
- 難易度
- 2/5
- 見積もり時間
- 1〜3時間
- 初心者へのやさしさ
- 78/100
- issue の種類
- バグ
- 明瞭さ
- おおむね明確
- 活発さ
- 静か
- 技術スタック
- css, react, typescript
調査の方向性
まず dialog.module.css と drawer.module.css のタイポグラフィルールを比較し、次に accordion のスタイルを特定して、その trigger と content のトークンを確認します。dialog の説明を、選択した drawer の説明サイズに合わせ、accordion の content には regular トークンを使用するようにします。関連するコンポーネントのスタイリングチェックで変更が確認されるはずです。
索引モデルが issue の本文から書いたものです。
説明
Summary
Apsara has a mostly consistent typography rule:
--rs-font-size-small(12px) for UI controls and chrome (buttons, inputs, menus, selects, labels, table headers)--rs-font-size-regular(14px) for readable content (table cells, data-view list cells, drawer description, empty-state subheader)
Two components break this rule.
Inconsistencies
1. Dialog description vs drawer description
Both components use a large title, but their descriptions differ:
dialog.module.css— description uses--rs-font-size-small(12px)drawer.module.css— description uses--rs-font-size-regular(14px)
These are similar surfaces and should use the same body size.
2. Accordion content smaller than its trigger
- Trigger uses
--rs-font-size-regular(14px) - Content inside uses
--rs-font-size-small(12px)
The body text is smaller than its own header, and smaller than body text elsewhere (table cells, drawer description).
Suggested fix
- Align dialog description with drawer description (pick one — likely regular, since descriptions are readable content).
- Change accordion content to
--rs-font-size-regularso content is not smaller than its trigger.
- 主要言語
- TypeScript
- スター
- 69
- フォーク
- 13
- 平均マージ
- 3日 15時間
- マージ済み PR（30日）
- 24
環境構築
- Dockerfile・Docker Compose ファイルなし
- プルリクエストのテンプレートあり
- コントリビューションガイドを読む
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
raystack/apsara のほかの issue
-
難易度 2/5 1〜3時間 初心者へのやさしさ 84/100
メンテナーはふだん 2 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 86/100
メンテナーはふだん 2 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 84/100
メンテナーはふだん 2 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 85/100
メンテナーはふだん 2 日以内に返信
-
DataView: don't offer select/multiselect filters with empty filterOptions対応中かも @rohanchkrabrty が 5 日前に担当しました。 オープン
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
メンテナーはふだん 2 日以内に返信
raystack/apsara の issue をすべて見る
似ている issue
-
awaiting-response bug needs-triage
難易度 2/5 1〜3時間 初心者へのやさしさ 72/100
wildcard/caro#1562 · コメント 1 件 ·
メンテナーはふだん 3 日以内に返信
-
難易度 1/5 1時間未満 初心者へのやさしさ 72/100
supadata-ai/mcp#27 ·
-
content
難易度 2/5 1〜3時間 初心者へのやさしさ 72/100
cosimochellini/one-piece-zero-spoiler#516 ·
メンテナーはふだん 1 日以内に返信
-
bug
難易度 2/5 1〜3時間 初心者へのやさしさ 72/100
capricorn86/happy-dom#2485 ·
メンテナーはふだん 2 日以内に返信
-
lane: fast
難易度 2/5 1〜3時間 初心者へのやさしさ 62/100
unicef/adt-studio#946 ·
メンテナーはふだん 2 日以内に返信