9 Commits

Author SHA1 Message Date
Oscar Lorentzon
a2b0a3660f feat: make complete cover interactive
Change opacity of interactive element on hover to
make it clear that it is interactive.
2019-03-13 13:37:35 +01:00
Oscar Lorentzon
263516b5f1 feat(cover): restyle cover component
Simplify design, remove gradient and hover effect.
Horizontally centered enter button and logo.
Compact size when viewer width is less than
640 pixels or viewer height is less than
480 pixels.
2018-05-28 13:21:55 +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
Nikola Plesa
45b10fd857 Update hover effects, add fade transition on button click 2016-08-04 11:41:56 -04:00
Kamil Nikel
c575b2d058 Display spinner after cover deactivation 2016-08-04 11:41:55 -04:00
Kamil Nikel
2414c921b0 Update CoverComponent styles 2016-08-04 11:41:55 -04:00
Nikola Plesa
2c5df82e51 Smoother transition from cover to viewer 2016-05-09 17:21:26 +02:00
Nikola Plesa
82d0ce4ee8 Cover component should center cover image 2016-05-09 17:21:05 +02:00
Oscar Lorentzon
7a9525b903 Rename component CSS files. 2016-02-05 10:56:03 +01:00