Set envs to animate on loading only (except PROD) #18

Merged
alk-spriet merged 3 commits from set-animation-for-loading-only into main 2023-05-25 23:15:06 +02:00
alk-spriet commented 2023-05-25 22:37:27 +02:00 (Migrated from github.com)

Simply update the code with what i've been using lately so it only animate when the .Loader is created by react. Except for PROD where animation runs anytime.

Use both the new :has() pseudo-class and fallback to regular :not(:only-child()) for unsupported browser (Firefox)

Simply update the code with what i've been using lately so it only animate when the `.Loader` is created by react. Except for PROD where animation runs anytime. Use both the new `:has()` pseudo-class and fallback to regular `:not(:only-child())` for unsupported browser (Firefox)
alk-spriet commented 2023-05-25 23:11:23 +02:00 (Migrated from github.com)

test if video works:

  • PREP banner.css: Change the Preproduction banner and login's footer
    example of PREP banner
  • PLLR banner.css: Change your Pillar banner and login's footer
    example of PLLR banner
  • PERF banner.css: Change the Load Testing banner and login's footer
    example of PERF banner
  • PROD banner.css: Change the Production banner and login's footer
    example of Prod banner
test if video works: * `PREP banner.css`: Change the Preproduction banner and login's footer ![example of PREP banner](public/PREP_banner_animated.mov) * `PLLR banner.css`: Change your Pillar banner and login's footer ![example of PLLR banner](public/PLLR_banner_animated.mov) * `PERF banner.css`: Change the Load Testing banner and login's footer ![example of PERF banner](public/PERF_banner_animated.mov) * `PROD banner.css`: Change the Production banner and login's footer ![example of Prod banner](public/PROD_banner_animated.mov)
Sign in to join this conversation.
No description provided.