kiva / ui / 4302

9%

main: 92%

Pull #1060

travis-ci

CASH-1144: Diagonal gradient background for close button

This is beautiful:
* We start the diagonal `linear-gradient` at 50% so that the bottom and the left sides of the container don’t contain any color at all.
* The container width/height is 2x the distance from the bottom left corner of the “x” to the top right corner of the image so that 100% of the “x” will have some gradient background underneath it.
* We use a pointer-events: none on the container and a pointer-events: initial on the close button to ensure the background doesn’t interfere with clicking the image below.

42 of 541 branches covered (7.76%)

Branch coverage included in aggregate %.

77 of 831 relevant lines covered (9.27%)

0.71 hits per line