Changeset 84f25ae in tailbone


Ignore:
Timestamp:
03/09/19 18:32:43 (6 months ago)
Author:
Lance Edgar <ledgar@…>
Branches:
master
Children:
291ec3a
Parents:
5516a11
Message:

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

i.e. even when page has little/no content

Location:
tailbone
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • tailbone/static/themes/bobcat/css/layout.css

    r5516a11 r84f25ae  
    11
    2 /* /\****************************** */
    3 /*  * Main Layout */
    4 /*  ******************************\/ */
    5 
    6 /* html, body, #body-wrapper { */
    7 /*     height: 100%; */
    8 /* } */
    9 
    10 /* body > #body-wrapper { */
    11 /*     height: auto; */
    12 /*     min-height: 100%; */
    13 /* } */
    14 
    15 /* #body-wrapper { */
    16 /*     margin: 0 1em; */
    17 /*     width: auto; */
    18 /* } */
    19 
    20 /* #header { */
    21 /*     height: 50px; */
    22 /*     line-height: 50px; */
    23 /* } */
    24 
    25 /* #body { */
    26 /*     padding-top: 10px; */
    27 /*     padding-bottom: 5em; */
    28 /* } */
     2/******************************
     3 * main layout
     4 ******************************/
     5
     6body {
     7    display: flex;
     8    flex-direction: column;
     9    min-height: 100vh;
     10}
     11
     12.content-wrapper {
     13    display: flex;
     14    flex: 1;
     15    flex-direction: column;
     16    justify-content: space-between;
     17}
    2918
    3019
  • tailbone/templates/themes/bobcat/base.mako

    r5516a11 r84f25ae  
    165165    </section>
    166166
     167    <div class="content-wrapper">
     168
    167169    ## Page Body
    168170    <section id="page-body">
     
    198200      </div>
    199201    </footer>
     202
     203    </div><!-- content-wrapper -->
    200204
    201205  </body>
Note: See TracChangeset for help on using the changeset viewer.