davejansen/snikket-web-portal
1
0
Fork 0
Code Issues Pull Requests Activity

Move footer to the bottom if content is not larger than viewport

Browse Source
This commit is contained in:
Jonas Schäfer
2021-01-17 10:45:11 +01:00
parent fa700bba07
commit fce7b9a637
3 changed files with 14 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
snikket_web/scss/app.scss
View File

@@ -26,10 +26,20 @@ body {
margin: 0; margin: 0;
padding: 0; padding: 0;
background-color: $gray-900; background-color: $gray-900;
display: flex;
flex-direction: column;
min-height: 100vh;
} }
body > main { main {
padding: $w-l1; padding: $w-l1;
margin-left: auto;
max-width: 60rem;
margin-right: auto;
}
#mwrap {
flex: 1;
} }
/* top bar */ /* top bar */
@@ -85,14 +95,6 @@ div#topbar {
} }
} }
/* main content */
main {
max-width: 60rem;
margin-left: auto;
margin-right: auto;
}
/* standard elevations */ /* standard elevations */
.el-1, .box.el-1, div.form.el-1 { .el-1, .box.el-1, div.form.el-1 {

2
snikket_web/templates/app.html
View File

@@ -15,7 +15,7 @@
{% block topbar_right %}{% endblock %} {% block topbar_right %}{% endblock %}
<nav class="usermenu">{{ user_info.display_name }}{% call avatar(user_info.address, user_info.avatar_hash ) %}{% endcall %}</nav> <nav class="usermenu">{{ user_info.display_name }}{% call avatar(user_info.address, user_info.avatar_hash ) %}{% endcall %}</nav>
</div> </div>
<main>{% block content %}{% endblock %}</main> <div id="mwrap"><main>{% block content %}{% endblock %}</main></div>
<footer> <footer>
<ul><li>{% trans about_url=url_for('main.about') %}A <a href="{{ about_url }}">Snikket</a> server{% endtrans %}</li></ul> <ul><li>{% trans about_url=url_for('main.about') %}A <a href="{{ about_url }}">Snikket</a> server{% endtrans %}</li></ul>
</footer> </footer>

4
snikket_web/templates/login.html
View File

@@ -9,7 +9,7 @@
{{ super() }} {{ super() }}
{% endblock %} {% endblock %}
{% block body %} {% block body %}
<main><div class="form layout-expanded"> <div id="mwrap"><main><div class="form layout-expanded">
<h1 class="form-title">{{ config["SNIKKET_DOMAIN"] }}</h1> <h1 class="form-title">{{ config["SNIKKET_DOMAIN"] }}</h1>
<p class="form-desc">{{ _("Enter your Snikket address and password to manage your account.") }}</p> <p class="form-desc">{{ _("Enter your Snikket address and password to manage your account.") }}</p>
<form method="POST" action="{{ url_for('.login') }}" name="login"> <form method="POST" action="{{ url_for('.login') }}" name="login">
@@ -31,7 +31,7 @@
<button type="submit" class="primary">{{ _("Log in") }}</button> <button type="submit" class="primary">{{ _("Log in") }}</button>
</div> </div>
</from> </from>
</div></main> </div></main></div>
<footer> <footer>
<ul><li>{% trans about_url=url_for('.about') %}A <a href="{{ about_url }}">Snikket</a> server{% endtrans %}</li></ul> <ul><li>{% trans about_url=url_for('.about') %}A <a href="{{ about_url }}">Snikket</a> server{% endtrans %}</li></ul>
</footer> </footer>