A slimmer, movable Background Panel

[jidanni]

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

[navyn13]

hey @jidanni I changed it's width to make it narrower and added a slider on the edge of this background panel, but on narrowing it the other options like display options and imagery offset are messing, how should I make changes to make ui look better when it is resized. How will be the idea of making them vertical??

https://github.com/openstreetmap/iD/assets/121725696/228d81c2-6447-45fa-bcd3-d427a9756b8a

[jidanni]

I guess I'll just leave it up to you to figure all that stuff out. Because my computer is now in shipping for the next month. Thanks and good luck!

[navyn13]

I reduced its width of background setting pane , added a slider on its edge which can be narrowed till imagery offset and display background is working fine. I don't think there is need to resize other options such as map data, issues, preferences and help, it will be better if we add this slider functionality to background settings pane. video quality is not good because it was not uploading because of its big size

https://github.com/openstreetmap/iD/assets/121725696/b340ee35-2648-41f8-9622-5855b3ff4344

[jidanni]

OK, I hope the project managers accept your contribution.

[tyrasd]

I'd say this could be useful with the resizable-width approach (though I would leave the current width as the default). It's however low priority, so any help would be appreciated!