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

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
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 { */ body {
/* height: 100%; */ display: flex;
/* } */ flex-direction: column;
min-height: 100vh;
}
/* body > #body-wrapper { */ .content-wrapper {
/* height: auto; */ display: flex;
/* min-height: 100%; */ flex: 1;
/* } */ flex-direction: column;
justify-content: space-between;
/* #body-wrapper { */ }
/* margin: 0 1em; */
/* width: auto; */
/* } */
/* #header { */
/* height: 50px; */
/* line-height: 50px; */
/* } */
/* #body { */
/* padding-top: 10px; */
/* padding-bottom: 5em; */
/* } */
/****************************** /******************************

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

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