25 Commits

Author SHA1 Message Date
Oscar Lorentzon
d7de2efeda chore: inline all svgs
Base64 encode svgs before inlining.
2020-09-07 21:18:30 +02:00
Oscar Lorentzon
c4218f71b7 fix: remove non existing cursor value 2017-11-29 10:45:31 +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
120991b8c6 Show indicator for panoramas.
Fixes #153
2016-07-18 14:47:35 -04:00
Oscar Lorentzon
9ec438f13d Do not repeat direction svg backgrounds. 2016-06-10 16:49:59 +02:00
Oscar Lorentzon
e2cbc45a2e Simplify direction element structure.
Remove rotated direction arrow parent and place step arrows
directly on perspective element.
Remove unused CSS.
2016-06-07 17:55:49 +02:00
Oscar Lorentzon
6f45bfc0fb Render sequence steppers and play button.
Set configuration when playing reaches last node in direction.
2016-06-02 10:16:52 +02:00
Oscar Lorentzon
3a31c45fce Min and max width configurable. 2016-06-02 08:30:45 +02:00
Oscar Lorentzon
deb05e10a0 Resize navigation arrows dynamically.
Add calculator class for determining CSS values based on element size.
2016-06-01 16:53:25 +02:00
Oscar Lorentzon
1df97b1c13 Restyle spatial navigation arrows with svg files.
Use hover media query to ensure that elements does not
show hover state on touch devices.
2016-05-31 11:19:37 +02:00
Oscar Lorentzon
acebd74059 Highlight steps and turns for requested key.
Different class name when step or turn is in sequence
to enable setting different highlight or hover color.
2016-05-31 11:19:37 +02:00
Oscar Lorentzon
daa3620b8a Expose hovered key observable on direction component. 2016-05-31 11:19:37 +02:00
Oscar Lorentzon
8562d9dbea Restyle turn arrows.
Render arrows on top of circle.
2016-05-26 13:11:15 +02:00
Oscar Lorentzon
dfc024f8b9 Move turn arrows to perspective element.
Place turn arrows in the center around the step navigator arrows.
2016-05-26 11:46:44 +02:00
Oscar Lorentzon
e14a68e969 Restyle step direction arrows.
Style completely in CSS.
Remove step direction SVG files.
2016-05-25 08:36:20 -07:00
Oscar Lorentzon
e2cb6261e6 Offset of direction component arrows configurable.
Fixes #102.
2016-04-20 14:11:54 +02:00
Oscar Lorentzon
c56c7db259 Take pointer events on turn buttons. 2016-04-11 11:53:53 +02:00
Oscar Lorentzon
1c3eed3754 Do not use directions wrapper as pointer target. 2016-04-07 17:45:03 +02:00
Oscar Lorentzon
6d91b0ddea Move static turn button styles to CSS.
Correct translation of turn around button drop shadow.
2016-03-24 08:42:00 +01:00
Oscar Lorentzon
0b2a31a4b1 Move DOM renderer style to general css file. 2016-03-13 11:23:59 +01:00
Oscar Lorentzon
ad659bc4de Render adaptable div according to offset.
Render adaptable div within domRenderer element.
Hide overflow to avoid showing things outside of viewer
in fill mode.
Use offset to set position of adaptable element.
Clear adaptable render when clearing.
2016-03-12 08:25:26 +01:00
Oscar Lorentzon
692af13de3 Move sequence arrows to its own component.
Sequence component is active by default.
2016-02-25 15:41:51 +01:00
Oscar Lorentzon
a41b45fa20 Set arrow opacity dynamically based on camera direction.
Lower opacity linearly when looking over horizon.
Override when hover in css.
2016-02-05 17:18:42 +01:00
Oscar Lorentzon
7a9525b903 Rename component CSS files. 2016-02-05 10:56:03 +01:00