govau/design-system-components

Investigate alternatives to responsiveness of tables

Open

#766 geöffnet am 16. Mai 2019

Auf GitHub ansehen
 (2 Kommentare) (0 Reaktionen) (1 zugewiesene Person)HTML (115 Forks)batch import
enhancementgood first issue

Repository-Metriken

Stars
 (741 Stars)
PR-Merge-Metriken
 (Keine gemergten PRs in 30 T)

Beschreibung

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

Contributor Guide

Research-Richtung
Überprüfen Sie die Referenzlinks zu Techniken für die Tabellen Responsivität (z. B. die Box Shadow Methode). Implementieren und testen Sie den vielversprechendsten Ansatz in der Tabellenkomponente des Designsystems. Berücksichtigen Sie Barrierefreiheit und browserübergreifende Kompatibilität.
Tech Stack
htmlcss
Domain
frontend
Issue Type
Recherche
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
Halber Tag
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Veraltet
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Meist klar
Voraussetzungen
CSS responsive designHTML tables
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
60