rattail/tailbone
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Fix layout issues for bobcat theme, so footer sticks to bottom

Browse source 
i.e. even when page has little/no content
This commit is contained in:
Lance Edgar 2019-03-09 18:32:43 -06:00
parent 5516a11012
commit 84f25ae91e
2 changed files with 18 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

39
tailbone/static/themes/bobcat/css/layout.css
View file

@ -1,31 +1,20 @@
/* /\****************************** */
/* * Main Layout */
/* ******************************\/ */
/******************************
* main layout
******************************/
/* html, body, #body-wrapper { */
/* height: 100%; */
/* } */
body {
display: flex;
flex-direction: column;
min-height: 100vh;
}
/* body > #body-wrapper { */
/* height: auto; */
/* min-height: 100%; */
/* } */
/* #body-wrapper { */
/* margin: 0 1em; */
/* width: auto; */
/* } */
/* #header { */
/* height: 50px; */
/* line-height: 50px; */
/* } */
/* #body { */
/* padding-top: 10px; */
/* padding-bottom: 5em; */
/* } */
.content-wrapper {
display: flex;
flex: 1;
flex-direction: column;
justify-content: space-between;
}
/******************************

4
tailbone/templates/themes/bobcat/base.mako
View file

@ -164,6 +164,8 @@
</div>
</section>
<div class="content-wrapper">
## Page Body
<section id="page-body">
@ -198,6 +200,8 @@
</div>
</footer>
</div><!-- content-wrapper -->
</body>
</html>