govau/design-system-components

Investigate alternatives to responsiveness of tables

Open

#766 opened on 2019年5月16日

GitHub で見る
 (2 comments) (0 reactions) (1 assignee)HTML (115 forks)batch import
enhancementgood first issue

Repository metrics

Stars
 (741 stars)
PR merge metrics
 (30d に merged PR はありません)

説明

Right now we have horizontal scrolling on smaller devices which works fine, but there could be improvments. There are other suggestions here that may be useful to implement.

The box shadow technique mentioned on here is clean: https://www.456bereastreet.com/archive/201309/responsive_scrollable_tables/

Also see:

https://community.digital.gov.au/t/table/92/2

and:

https://github.com/alphagov/govuk-design-system-backlog/issues/61#issuecomment-430300205

コントリビューターガイド

調査方針
参照リンクのテーブルレスポンシブ技術（例：ボックスシャドウ手法）を確認します。デザインシステムのテーブルコンポーネントで最も有望なアプローチを実装し、テストします。アクセシビリティとクロスブラウザ互換性を考慮してください。
技術スタック
htmlcss
領域
frontend
Issue 種別
調査
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
3
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
半日
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
古い
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
おおむね明確
前提条件
CSS responsive designHTML tables
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
60