openstreetmap/iD

A slimmer, movable Background Pane

Aperta

#9872 aperta il 29 ago 2023

Vedi su GitHubGuida contributor
 (5 commenti) (1 reazione) (0 assegnatari)JavaScript (1449 fork)github user discovery
help wantedlow priority

Metriche repository

Star
 (3818 stelle)
Metriche merge PR
 (Merge medio 29g 14h) (82 PR mergiate in 30 g)

Descrizione

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

Guida contributor

Direzione di ricerca
Esamina il componente Background Panel nel codice base di iD. Identifica il CSS responsabile della sua larghezza e il JavaScript che gestisce il posizionamento del pannello. Implementa una modifica CSS per rendere il pannello largo quanto il suo contenuto e aggiungi una funzionalità di trascinamento utilizzando pattern UI esistenti (come dai riquadri della mappa). Assicurati che le etichette degli anni (2022, 2021...) rimangano visibili dopo il taglio.
Tech stack
javascript
Dominio
frontend
Tipo issue
Funzionalità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
Mezza giornata
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Abbastanza chiara
Prerequisiti
JavaScriptCSS
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
65