gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix(client): footer should stick to the bottom

Browse Source
This commit is contained in:
Valeriy S
2019-05-14 17:33:24 +03:00
committed by mrugesh
parent 73961da21a
commit 6b46736801
3 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
client/src/components/Footer/footer.css
View File

@ -3,6 +3,7 @@
font-size: 0.9em; font-size: 0.9em;
width: 100%; width: 100%;
padding-top: 40px; padding-top: 40px;
margin-top: auto;
} }
.footer .col-header { .footer .col-header {

2
client/src/components/layouts/Default.js
View File

@ -164,9 +164,9 @@ class DefaultLayout extends Component {
<Flash flashMessage={flashMessage} onClose={removeFlashMessage} /> <Flash flashMessage={flashMessage} onClose={removeFlashMessage} />
) : null} ) : null}
{children} {children}
{showFooter && <Footer />}
</div> </div>
</WithInstantSearch> </WithInstantSearch>
{showFooter && <Footer />}
</Fragment> </Fragment>
); );
} }

3
client/src/components/layouts/layout.css
View File

@ -594,5 +594,8 @@ pre code {
} }
} }
.default-layout { .default-layout {
display: flex;
flex-direction: column;
margin-top: var(--header-height); margin-top: var(--header-height);
min-height: calc(100vh - var(--header-height));
} }