vaadin / vaadin-app-layout / 452

90%

push

travis-ci

Fix Lumo dark theme on Safari and Edge (#117)

* Fix Lumo dark theme on Safari and Edge

- Color for navbar/drawer was set with custom value to support
bluring the background with backrop-filter
- Missed to set a dark variant for it

- Create a pseudo-element for navbar/drawer behind each parent using
a color provided by Lumo as background
- Set opacity for each pseudo-element on browsers supporting
backdrop-filter
- Set the right z-index for the drawer/backdrop elements on overlay mode

- If user has a style module customizing the navbar/drawer background,
now it should be changed to the `::before` pseudo-element.

Fixes #116

47 of 56 branches covered (83.93%)

Branch coverage included in aggregate %.

127 of 132 relevant lines covered (96.21%)

195.28 hits per line