diff options
| author | Jannis M. Hoffmann <jannis@fehcom.de> | 2024-12-09 16:07:52 +0100 |
|---|---|---|
| committer | Jannis M. Hoffmann <jannis@fehcom.de> | 2024-12-09 16:07:52 +0100 |
| commit | 44b719671fe73b7378789968ecc8d48d7f9c00ca (patch) | |
| tree | 5821c945f2aab37771c1beb40ba5d72c768faf8c | |
| parent | 1d0edda3f461af086e0287b64dbebe041d04a198 (diff) | |
make the footer stick to the bottom
| -rw-r--r-- | scss/my_bulma.scss | 21 | ||||
| -rw-r--r-- | src/jwebmail/templates/mainlayout.html | 26 |
2 files changed, 36 insertions, 11 deletions
diff --git a/scss/my_bulma.scss b/scss/my_bulma.scss index 01cdc4b..418ade6 100644 --- a/scss/my_bulma.scss +++ b/scss/my_bulma.scss @@ -1,4 +1,5 @@ @use "bulma/bulma"; +@use 'sass:list'; .jwm-new-mail > .media-content { @extend .has-text-weight-semibold; @@ -44,3 +45,23 @@ iframe.jwm-mail-body-text-html { .jwm-mail-body-text-plain { @extend .block; } + +.jwm-page-container { + position: relative; + min-height: 100vh; +} + +.jwm-content { + padding-bottom: + list.nth(bulma.$footer-padding, 1) + + list.nth(bulma.$footer-padding, 3) + + list.nth(bulma.$section-padding, 1) + + 3rem; +} + +.jwm-footer { + position: absolute; + bottom: 0; + width: 100%; + height: auto; +} diff --git a/src/jwebmail/templates/mainlayout.html b/src/jwebmail/templates/mainlayout.html index 46a07af..d3e99a5 100644 --- a/src/jwebmail/templates/mainlayout.html +++ b/src/jwebmail/templates/mainlayout.html @@ -14,18 +14,22 @@ </head> <body> - {% block content required %}{% endblock %} - - <footer class=footer> - <div class="content has-text-centered"> - <a href="{{ url_for('about') }}"> - {% trans %}About{% endtrans %} JWebmail - </a> - <br> - {% trans %}Version{% endtrans %} - {{ version }} + <div class=jwm-page-container> + <div class=jwm-content> + {% block content required %}{% endblock %} </div> - </footer> + + <footer class="footer jwm-footer"> + <div class="content has-text-centered"> + <a href="{{ url_for('about') }}"> + {% trans %}About{% endtrans %} JWebmail + </a> + <br> + {% trans %}Version{% endtrans %} + {{ version }} + </div> + </footer> + <div> {% block scripts %}{% endblock %} |