wgnhs / lslc-web-app

Web Application for the viewing the WGNHS Lake Superior Legacy Collection
https://wgnhs.github.io/lslc-web-app/
1 stars 0 forks source link

map layout tasks #128

Closed cmrRose closed 7 years ago

cmrRose commented 7 years ago

(DONE) Results panel drag up/down (Legend not stacked behind results panel should be solved by this) (DONE) Style the buttons throughout (3 map selection buttons, zoom-to, download) (DONE) Figure out where to put the zoom-to button (DONE) Figure out where to put the filter indicators (DONE) Zoom control not stacked behind header

cmrRose commented 7 years ago

(DONE) Remember to take out the function that sets map height equal to filters div (lines 7-31 of LeafletMap.js)

cmrRose commented 7 years ago

Example for a divider/handle for resizable: http://jsbin.com/korejemuri/1/edit?html,css,js,console,output (hit the 'run with JS' button)

Unclear why this only works if the top panel is the resizable one, not the bottom.

cmrRose commented 7 years ago

(FIXED) Resizing the window height causes discrepancies in the result and map heights... We might need to revisit the whole display/arrangement of the page in detail...

cmrRose commented 7 years ago

Remaining issues: Responsiveness (doesn't work with narrow width)