openstreetmap/iD

A slimmer, movable Background Pane

Aberta

#9.872 aberto em 29 de ago. de 2023

Ver no GitHubGuia do colaborador
 (5 comentários) (1 reação) (0 responsável)JavaScript (1.449 forks)github user discovery
help wantedlow priority

Métricas do repositório

Stars
 (3.818 estrelas)
Métricas de merge de PR
 (Mesclagem média 29d 14h) (82 fundiu PRs em 30d)

Description

Description

For users that like switching back and forth between backgrounds a lot, the Background Panel takes a lot of screen real estate.

We notice:

  • The area I marked in green could be trimmed off, thus only needing to be as wide as there are letters.

And:

  • The whole panel could be allowed to be slid around by the user, so they could still at least just click the buttons. (but then they would also need the different parts to show up: 2022, 2021... , not just Cook, Cook...)

Screenshots

m

Guia do colaborador

Direção de pesquisa
Examine o componente Background Panel no código base do iD. Identifique o CSS responsável pela largura e o JavaScript que manipula o posicionamento do painel. Implemente uma alteração no CSS para que o painel tenha apenas a largura do seu conteúdo e adicione a funcionalidade de arrastar usando padrões de UI existentes (como os painéis do mapa). Certifique se de que os rótulos dos anos (2022, 2021...) permaneçam visíveis após o corte.
Pilha de tecnologia
javascript
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.
Meio dia
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
JavaScriptCSS
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
65