Rebuild-Black-Business / RBB-Website

Website to help connect black-owned businesses with consumers and resources
https://www.rebuildblackbusiness.com/
MIT License
119 stars 72 forks source link

fix: white flash of before image load #301

Closed ifyoumakeit closed 4 years ago

ifyoumakeit commented 4 years ago

This doesn't fix the overall problem but allows the background color to show before the image comes in. This sets the background color on ContentBlock. The z-index setting is also inverted to push ContentBlockColorOverlay and ContentBlockContent on top of image instead of pushing the image underneath.

Describe your PR

Related to #281

Pages/Interfaces that will change

Screenshots / video of changes

https://www.loom.com/share/a8cfec7efd854fa1b13462c6f10910fb

281 has a video of the current loading

Steps to test

  1. Load homepage and watch hero load in with black background instead of white.

Additional notes

Doesn't fix completely just softens image entry, more work coming around load issues for #281

netlify[bot] commented 4 years ago

Deploy preview for rebuild-black-business processing.

Building with commit 2c325493fd931fbc2bfa019c53be8bf4ce91d7f0

https://app.netlify.com/sites/rebuild-black-business/deploys/5f09bf848913f20008450ccc