26 Commits

Author SHA1 Message Date
Oscar Lorentzon
ef8a361f16 feat: disable timeline input for unknown position 2018-02-20 11:51:47 +01:00
Oscar Lorentzon
7ec09ad414 feat: add timeline range input element 2018-02-20 11:51:46 +01:00
Oscar Lorentzon
71e6653555 feat: add timeline button
Add timeline to sequence mode enum.
2018-02-20 11:51:46 +01:00
Oscar Lorentzon
f43e7b9f5b refactor: embed play icons as base64
Improve loading speed for play icons by embedding.
2017-12-04 12:58:14 +00:00
Oscar Lorentzon
d02641a3a9 fix: center playback controls correctly 2017-11-30 20:09:29 +00:00
Oscar Lorentzon
9986595a80 feat: set border radius based on container size 2017-11-30 17:14:51 +00:00
Oscar Lorentzon
ef447a7387 feat: ms style for range input 2017-11-30 16:43:27 +00:00
Oscar Lorentzon
5ff7d7ae3e feat: switch direction with button
Disable switch button while playing before state supports
reversing trajectory.
2017-11-30 08:32:37 +00:00
Oscar Lorentzon
e0870c1652 feat: style input range for webkit and moz 2017-11-29 15:30:02 +00:00
Oscar Lorentzon
eb23cc9edb fix: add padding for input range
Also ensure that expander bar has correct border radius
vertically.
2017-11-29 15:28:53 +00:00
Oscar Lorentzon
6a8b9a2145 feat: add speed range input
Add slider for setting speed in playback controls.
No sync with underlying speed and not applying
set speed.
2017-11-29 13:46:05 +00:00
Oscar Lorentzon
cf3e56681d feat: add playback visuals
Add playback visuals and logic for showing and hiding them.
No underlying functionality and no rendered speed slider.
2017-11-29 10:44:42 +00:00
Oscar Lorentzon
11bc24be81 feat: add sequence controls expander
Add expander without underlying functionality.
2017-11-28 12:32:57 +00:00
Oscar Lorentzon
91093253fa fix: workaround non working hover behavior
Set original color on hover for disabled elements to
ensure that hover works for enabled elements if starting
at a node that makes certain stepper buttons disabled.
2017-11-28 07:56:39 +00:00
Oscar Lorentzon
b0f4b4a386 feat: change stepper svgs and border radius
Removed unused hover selectors.
2017-11-28 07:54:51 +00:00
Oscar Lorentzon
69fba27e91 refactor: use inline blocks instead of flexbox 2017-11-28 07:22:35 +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
469c9e7468 Add methods for sequence configuration.
Use media hover feature to avoid showing hover on touch devices.
2016-07-05 16:24:34 -04:00
Kamil Nikel
bb3958da3f Rename: .icon -> .SequenceComponentIcon
Fix #149
2016-06-17 16:03:19 +02:00
Oscar Lorentzon
cbc9e56d24 Show icons for disabled and highlighted states. 2016-06-07 14:23:13 +02:00
Kamil Nikel
d5a7246bf1 Update stepper styles 2016-06-02 18:28:18 +02:00
Oscar Lorentzon
150b767e30 Resize sequence container dynamically. 2016-06-02 14:43:34 +02:00
Oscar Lorentzon
de89e93c99 Use flexbox to position sequence buttons. 2016-06-02 14:13:31 +02:00
Oscar Lorentzon
205d6316ac Highlight sequence step button for requested key.
Add highlight key property to sequence configuration.
Use configuration value in DOM rendering to set class name.
2016-06-02 10:16:52 +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
692af13de3 Move sequence arrows to its own component.
Sequence component is active by default.
2016-02-25 15:41:51 +01:00