govau/design-system-components

Investigate alternatives to responsiveness of tables

Open

#766 aberto em 16 de mai. de 2019

Ver no GitHub
 (2 comments) (0 reactions) (1 assignee)HTML (115 forks)batch import
enhancementgood first issue

Métricas do repositório

Stars
 (741 stars)
Métricas de merge de PR
 (Nenhuma PRs mesclada em 30d)

Description

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

Guia do colaborador

Direção de pesquisa
Revise os links de referência para técnicas de responsividade de tabelas (por exemplo, o método de sombra de caixa). Implemente e teste a abordagem mais promissora no componente de tabela do sistema de design. Considere acessibilidade e compatibilidade entre navegadores.
Pilha de tecnologia
htmlcss
Domain
frontend
Tipo Issue
Pesquisa
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
3
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
Meio dia
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Antigo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Principalmente claro
Prerequisites
CSS responsive designHTML tables
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
60