ElyBy-Mirror/accounts-frontend
1
0
Fork 0
mirror of https://github.com/elyby/accounts-frontend.git synced 2024-10-01 15:57:46 +05:30
Code Issues Packages Projects Releases Wiki Activity

#118: press profile footer to bottom

Browse Source
This commit is contained in:
SleepWalker 2016-05-27 23:23:53 +03:00
parent c51bd17259
commit 0b1f88107b
2 changed files with 14 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/pages/profile/profile.scss
View File

@ -1,17 +1,22 @@
.container { .container {
margin: 55px 10px 10px; min-height: 100%;
position: relative;
box-sizing: border-box;
padding: 55px 10px 45px; // 45px for footer
} }
.footer { .footer {
text-align: center;
position: fixed;
bottom: 10px;
width: 100%; width: 100%;
position: absolute;
bottom: 10px;
left: 0; left: 0;
text-align: center;
} }
@media (max-width: 720px) { @media (max-width: 720px) {
.container { .container {
margin-top: 20px; padding-top: 20px;
} }
} }

4
src/pages/root/root.scss
View File

@ -49,6 +49,10 @@ $userBarHeight: 50px;
// place for header // place for header
min-height: 100%; min-height: 100%;
// hack to enable min-height/height 100% in parent elements
// http://stackoverflow.com/a/21836870/2039203
// http://stackoverflow.com/questions/2341821/height100-vs-min-height100
height: 0;
box-sizing: border-box; box-sizing: border-box;
padding-top: $userBarHeight; padding-top: $userBarHeight;
} }