10 Commits

Author SHA1 Message Date
Oscar Lorentzon
ac40a4f354 refactor: simplify naming and avoid css duplication 2017-09-04 08:48:52 +00:00
Oscar Lorentzon
f251f6817c feat: show navigation arrows in two rows
Show in two rows instead of three to avoid taking up too
large part of the image area on mobile devices.
2017-09-04 08:48:52 +00:00
Oscar Lorentzon
8c13560c49 feat: navigation component without css transforms
Fixes #177

Render navigation component arrows for sequence as well as
spatial.
Position arrows according to direction and sequence component.
Use base64 encoded svgs rotated with svg transform to avoid
more svgs in dist folder.
2017-09-04 08:48:52 +00:00
Oscar Lorentzon
fb45ed297d Set pointer events to auto when elements should be target. 2017-03-08 07:12:46 +00:00
Oscar Lorentzon
d11f278d43 Simplify z-index approach.
Interactive (e.g. navigation, attribution) element have z-index 10.
Overlayed elements (slider, route bubble) have z-index 20.
Filling elements have z-index -1 to 9.
Cover have z-index 100.
Special elements (debug) have z-index 50.

Do not change z-index in server cssnano plugin (z-index are not
changed when built from npm script).
2016-08-26 13:22:25 -04:00
Oscar Lorentzon
d03363a03f Improve CSS for navigation component.
Avoid pointer events on container.
Add filter drop shadow.
Simplify CSS.
Do not render navigation buttons for panoramas.
2016-07-20 10:04:27 -04:00
Kamil Nikel
711d05bb5d Remove unused .btn class in NavigationComponent
Fixes mapillary/mapillary-js#77
2016-03-10 13:52:03 +01:00
Kamil Nikel
7d412d4778 Fix CSS bleeding over .btn 2016-02-09 14:44:22 +01:00
Oscar Lorentzon
0185e9ac5e Move turn around button to bottom left corner. 2016-02-05 14:00:54 +01:00
Oscar Lorentzon
edc95a3044 Rename NavigationUI to NavigationComponent. 2016-02-05 10:56:01 +01:00