Hotfix for importing Google font in Footer CSS stylesheet

[nathanbaleeta]

Describe the bug Importing the google font at the top of the CSS stylesheet of the footer causes a CssSyntaxError and thus build process fails.

To Reproduce Steps to reproduce the behavior:

1. git clone https://github.com/unicef/iogt-pwa.git
2. cd iogt-pwa/frontend
3. yarn install
4. yarn run build

Expected behavior Build process should be successful when you run yarn run build

Screenshots

Desktop (please complete the following information):

• OS: Ubuntu 18.04 LTS
• Browser: Chrome
• Version: 85.0

Additional context To enable successful build, had to comment out the css google font on the first line: https://github.com/unicef/iogt-pwa/blob/develop/frontend/src/components/footer/style.css

Steps to fix it

• [ ] Create a new branch from develop called hotfix-import-google-font-footer. Hint: git checkout -b <new-branch> <existing-branch>
• [ ] Debug and try using external stylesheets instead of internal stylesheets
• [ ] Verify everything is working by running yarn run build before pushing changes to github.
• [ ] Commit the changes (as a single commit).
• [ ] Push changes to github. Hint: git push --set-upstream origin hotfix-import-google-font-footer
• [ ] Open a pull-request.

[harshiniwho]

/take

[harshiniwho]

/take

Shall try to fix this! I guess it is the external reference not being parsed correctly for some reason.

[harshiniwho]

https://github.com/unicef/iogt-pwa/pull/12

I seem to be unable to request review but linking the PR here

[nathanbaleeta]

12

I seem to be unable to request review but linking the PR here

Creating a new branch off develop should be enough to help you raise a pull request once you have made any changes.