guardian/dotcom-rendering

Apply gradient to top and bottom of clue list when scrollable

Aberta

#13.543 aberto em 5 de mar. de 2025

Ver no GitHubGuia do colaborador
 (0 comentário) (0 reação) (0 responsável)TypeScript (35 forks)auto 404
Pick me upcrosswordsgood first issue

Métricas do repositório

Stars
 (271 estrelas)
Métricas de merge de PR
 (Métricas PR pendentes)

Description

Currently we apply a gradient to the bottom of the clue list when there are more clues that are hidden and can be scrolled into view, but don't apply the same treatment to the top of the list to show it can be scrolled in the other direction.

We could also replace the debounce on the scroll and resize events so the visibility of the gradient changes whilst still scrolling rather than waiting until stopped. It uses debouncing rather than throttling as lodash.debounce is already a dependency in DCR — we could add lodash.throttle (or similar), or roll our own.

Guia do colaborador

Direção de pesquisa
Implemente gradiente no topo e na base da lista de pistas quando rolável e substitua o debounce por throttle para eventos de rolagem/redimensionamento para atualizar a visibilidade do gradiente durante a rolagem.
Pilha de tecnologia
typescript
Domain
frontend
Tipo Issue
Funcionalidade
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
2
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
1-3 horas
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Principalmente claro
Prerequisites
CSSTypeScript
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
70