search

openoakland / woeip

A platform for impacted communities to understand their local air quality and advocate for environmental justice.
https://woaq.org
MIT License
29 stars 16 forks source link

Calendar in production build greys out all dates #443

Closed TangoYankee closed 2 years ago

TangoYankee commented 2 years ago

Describe the bug
When viewing the production application, the map calendar shows grey boxes in place of all its dates.

To Reproduce
Steps to reproduce the behavior:

  1. Create a production build with npm run build
  2. Serve the application with serve build
  3. View the map calendar

Expected behavior
All dates are viewable. Dates with sessions are clickable and have custom styling. Dates without sessions are disabled

Screenshots
Grey Calendar options

Desktop (please complete the following information):

Affected Components (For Developers) Map -> Menu -> Calendar

gsehrlich commented 2 years ago

Fascinating, thanks. I did some questionable styling that worked in development but may have broken the production application. I'd love to take on this issue if I can get some help from someone building and serving the production code locally; my first attempt just now resulted in some nonsensical syntax errors. In the meantime I can start debugging using woaq.org.

gsehrlich commented 2 years ago

Looks like the graying-out problem happens because the production application parses custom styling differently somehow.

  1. It's interpreting opacity: 100% on menu.css line 13 as opacity: 1%, hence the gray background showing through.
  2. The ordering is different, so