Fix issue in the allies page where if you did not accept the terms and conditions, there will be a whitespace block at the end of the page. This has been fixed by giving the main element in layout.js a minHeight: calc(100vh - 475px). 475 is the sum of both the height of the header(100px) and that of the footer(375px).
Pages/Interfaces that will change
All pages in the website will be affected since they are children of the main tag.
Screenshots / video of changes
Before
After
Steps to test
Go to allies page
Make sure that you haven't accepted the terms and conditions. If you did, then open the chrome developer tools, go to application tab, and in LocaleStorage go to the website domain. In case of development, it is usually http://localhost:8000.
Delete the acceptedTAC item and refresh the page. You should now see the modal with the whitespace block fixed.
Describe your PR
Fix issue in the
allies
page where if you did not accept the terms and conditions, there will be a whitespace block at the end of the page. This has been fixed by giving themain
element inlayout.js
aminHeight: calc(100vh - 475px)
.475
is the sum of both the height of the header(100px) and that of the footer(375px).Pages/Interfaces that will change
All pages in the website will be affected since they are children of the
main
tag.Screenshots / video of changes
Steps to test
allies
pageLocaleStorage
go to the website domain. In case of development, it is usuallyhttp://localhost:8000
.acceptedTAC
item and refresh the page. You should now see the modal with the whitespace block fixed.