Make map full-content, overlay search box, show sidebar only when needed

[jancborchardt]

Ok @houqp @emerzh let’s do this. If you like we can have a call about this soon. :)

• As a start it should be very simple, full-content map
• no fixed sidebar (unlike News or Notes) – but it can appear contextually, e.g. for routing or list of favorites
• Search field and any elements slightly transparent over the map.
• Places directly marked in the map, e.g. favorites or search results

See the new Google Maps or GNOME Maps for inspiration.

[houqp]

Totally agree with the goal of the map. keep it simple and nice, we don't have the resource to implement full google map replacement anyway ;p

[jancborchardt]

Works now! Nice! 2 short things:

• the sidebar should be on the left, like in other apps. Not displayed by default of course, good how you did that
• search bar should be shown by default though, on the top left corner. It’s basically the topmost item in the sidebar

[jancborchardt]

@brantje check this discussion out.

[jancborchardt]

@brantje please see the original post above for the design basics.

[jancborchardt]

@v1r0x if you find where to set the search box position in leaflet, let me know.

[v1r0x]

This is currently done with some magic in js/script.js but since we want to replace the search, I don't want to spend too much time to understand this.

[v1r0x]

@jancborchardt Could you fix the sidebar that it is hidden by default?

[jancborchardt]

Yeah. I’m even thinking of removing the navigation bar completely for now and gradually adding back the things we need. The favorites and contacts layer toggle for example we can just display below or near the search box, right?

[v1r0x]

I like how it is done in the google maps app on android. Having a full-screen map and swipe to the right to show the layer overlay.

[jancborchardt]

Done at https://github.com/owncloud/maps/pull/101, please review! :)