Re-theme controls based on design work about outerspatial-map-library HOT 9 CLOSED

List:

• Notifications
• Attribution
• Print
• Fullscreen
• Home
• Locate
• Smallzoom
• Baselayer Switcher
• Popups
• Tooltips and Infoboxes
• Focus border
• Zoom display
• Measure
• Draw
• Toolbar
• Overview
• Zoombox
• Geocoder
• Custom modules
• Fonts
• Nanobar
• Change default positions of controls and make sure they are in correct order by default
  When both print and fullscreen [and share] controls are added to a non-embedded map, make the buttons appear side-by-side in a "bar" (i.e. no space between buttons)

Embedded Maps

• Add title to toolbar
• Create the toolbar and add print, fullscreen, [and share] controls to it
  Move the overview control next to the home, small zoom, and locate controls
• Collapsed attribution

from outerspatial-map-library.

Holding off on share control until we implement it.

from outerspatial-map-library.

Just did a review, and have some feedback. In general things are looking great!

• Home and zoom controls look good
• The attribution control should have a bit more padding (C4C design in the screenshot):

• Edit control looks good
• Fullscreen control looks good
• Locate control looks good
• Measure control looks good, but we may want to take a look at the styling for the side tools at some point. Not a priority for now though, so I just opened another issue for this work.
• Print control looks good
• Let's increase the vertical space between the scale and attribution controls to match the vertical space between the bottom of the map and the attribution control. Let's also increase the left space between the edge of the map and the scale control:

• Let's make the font-weight of the zoomdisplay control normal:

• For notifications, we need to move the default position of the map controls so they don't "collide". Also, the text should be left-aligned and I think we need to work on the font styling a bit:

from outerspatial-map-library.

Some edits to the c4c design:

• Home, zoom, zoom display, locate, measure, fullscreen, print, draw, [and share] tools will default to top right (not bottom right)
• Fullscreen, print, [and share] tools will not abut one another and will not align left of baselayer switcher. They will align vertically and separately in the top right like the rest of the controls.

from outerspatial-map-library.

Just thought of this, but we should also update the "zoombox" outline to match the focus outline of the map div.

from outerspatial-map-library.

Should we also change the color of the popup close button to match the focus outline of the div map? It is currently red (see attached screenshot). There is no close button in the mockups from C4C.

from outerspatial-map-library.

Yep, that sounds good. It'll need a hover state as well.

from outerspatial-map-library.

• About the basemap selector, let's go ahead and move both it and the geocoder control over to the top left-hand side of the map. That'll buy us some time until we can get the new design fully implemented.

from outerspatial-map-library.

Broke two of the subtasks into #56 and #57. Closing now.

from outerspatial-map-library.