TBv3: results-table header, opened row and toolbar selection are near-identical lavenders
まだ誰も着手していません。
評価
- 難易度
- 5/5
- 見積もり時間
- 1週間以上
- 初心者へのやさしさ
- 35/100
- issue の種類
- 機能追加
- 明瞭さ
- おおむね明確
- 活発さ
- 活発
- 技術スタック
- javascript, react
- 領域
- design
調査の方向性
Start with src/components/search/TableResults.jsx and src/components/search/SearchResults.jsx to compare the header, opened-row, and checked-row colors, then review the design-system tokens. The issue leaves the design choice open and allows closing as won't-do; discuss which direction to take before changing code. If a color change is chosen, record it on the design system's TableResults page (ocl-design-system#17) and include before/after screenshots showing all three states and hover.
索引モデルが issue の本文から書いたものです。
説明
Follow-up to ocl_issues#2948 (oclweb3#71), which gave results-table header rows a tinted background. Three nearby colours are now near-identical lavenders:
- Header row:
surface.s90(#e3e0f9), insrc/components/search/TableResults.jsx. - Opened row (the item shown in the side panel):
primary.90(#e2dfff), in the same file (ResultRow). - Results toolbar with rows checked:
primary.mainat the theme'sactivatedOpacity, insrc/components/search/SearchResults.jsx.
When the first row is the opened one and some rows are checked, the toolbar, header and opened row read as one lavender block. oclweb3#71 added 1px surface.nv80 rules under the toolbar and header so the bands stay apart, but the colours themselves don't separate them. A before/after zoom is in oclweb3#71.
To consider: give the opened row (or the toolbar's selection state) a tone that's clearly different from the header, using design-system tokens, and record the choice in the design system's TableResults page (ocl-design-system#17). If we decide the rules are enough, close this as won't-do.
If we change it
- The header, the opened row and the toolbar's selection state are each clearly distinguishable at a glance, light theme.
- Hover and checked-row states stay distinct from all three.
- The ocl-design-system TableResults page shows the new colours.
- Before/after screenshots in the PR.
- 主要言語
- 言語のデータがありません
- スター
- 4
- フォーク
- 2
- 平均マージ
- 2時間 12分
- マージ済み PR（30日）
- 1
環境構築
- Dockerfile・Docker Compose ファイルなし
- プルリクエストのテンプレートなし
- コントリビューションガイドを読む
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
OpenConceptLab/ocl_issues のほかの issue
-
component/fhir type/bug
難易度 2/5 1〜3時間 初心者へのやさしさ 82/100
OpenConceptLab/ocl_issues#3026 ·
-
component/api decision/human-review signal/needs-access signal/quick-win signal/small-scope signal/well-specified stage/triaged type/bug
難易度 2/5 1〜3時間 初心者へのやさしさ 72/100
OpenConceptLab/ocl_issues#3012 · コメント 2 件 ·
-
component/design-system decision/ai-ready signal/low-risk signal/quick-win signal/small-scope signal/well-specified stage/triaged type/docs
難易度 2/5 半日 初心者へのやさしさ 70/100
OpenConceptLab/ocl_issues#2983 · コメント 1 件 ·
-
component/mapper decision/ai-ready signal/low-risk signal/quick-win signal/small-scope signal/well-specified stage/triaged type/bug
難易度 2/5 1〜3時間 初心者へのやさしさ 78/100
OpenConceptLab/ocl_issues#2966 · コメント 2 件 ·
-
component/mapper component/web decision/human-review signal/low-risk signal/needs-human signal/quick-win signal/small-scope signal/well-specified stage/triaged type/bug
難易度 2/5 1〜3時間 初心者へのやさしさ 76/100
OpenConceptLab/ocl_issues#2920 · コメント 1 件 ·
OpenConceptLab/ocl_issues の issue をすべて見る
似ている issue
-
難易度 2/5 1〜3時間 初心者へのやさしさ 68/100
-
enhancement good first issue
難易度 2/5 1〜3時間 初心者へのやさしさ 82/100
-
could-have design seo
難易度 1/5 1〜3時間 初心者へのやさしさ 82/100
-
🕷️ bug
難易度 2/5 1〜3時間 初心者へのやさしさ 66/100
sysadminsmedia/homebox#1841 · コメント 1 件 · リアクション 1 件 ·
メンテナーはふだん 1 日以内に返信
-
area:midi area:ui bug P3
難易度 2/5 1〜3時間 初心者へのやさしさ 68/100
transit-audio/transit#496 ·
メンテナーはふだん 1 日以内に返信