what-the-diff[bot]
commented
1 year ago PR Summary
-
New Variable Addition in Layout.js A new variable called
loadedhas been added. This might be used to handle data loading scenarios. -
Introduction of a New State Variable in Layout.js A new state variable
hasFontsis put into place. This will help keep track whether fonts in the intended design are loaded or not. -
The Listening Effect on 'loadingdone' Event in Layout.js New effect which tracks the
loadingdoneevent is introduced. This will allow actions after all loading operations have completed. -
Additional Class 'fonts-fallback' in Layout.js New class
fonts-fallbackis added in theWrappercomponent. This will ensure we have a fallback mechanism in case desired fonts are not loaded. -
Enhancements to LayoutStyles.js and MainStyles.js New styles have been added to
LayoutStyles.jsandMainStyles.js. This corresponds to.fonts-fallback(fallback font styles), paragraphs (p), and headers (h1). These enhancements will improve the website's appearance when fallback fonts are employed. -
More Styles for Markdown in MarkdownStyles.js Two new styles that deal with
h1headers and markdowns respectively within thefonts-fallbackclass have been introduced inMarkdownStyles.js. -
Content Changes in Schedule.tsx New content changes in
schedule.tsxhave been added to improve the readability and clarity of the information presented.
netlify[bot]
Should mostly resolve #274. There's probably more that can be done but our layouts are reasonably complicated tbh.
Example comparison:
Before: https://github.com/reactiflux/reactiflux.com/assets/1551487/ac290512-8fab-43aa-9e2d-b75af6669ff0
After:
https://github.com/reactiflux/reactiflux.com/assets/1551487/4396a580-fdb1-4c60-bfc5-1b98a7c8aa3e