butter/butter-kanglam-ui
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

make footer sticky

Browse source
This commit is contained in:
John Hess 2024-06-07 18:15:38 -05:00
parent 5476cf39e9
commit 6c9b935592
6 changed files with 18 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

14
_includes/footer.html
View file

@ -1,7 +1,7 @@
<footer class="footer-area"> <footer class="push-footer">
<div class="container"> <p>
<div class="footer-area-wrapper text-center"> <a href="https://gitlab.com/guardianproject/wind-fdroidclient">
<a href="{{ site.baseurl }}/fdroid-webdash/">{% t view_all_apps %}</a> | <a href="https://gitlab.com/likebutter/butterapp">{% t built_on_fdroid %}</a> The Butter App Store is built on F-Droid free software
</div> </a>
</div> </p>
</footer> </footer>

4
_layouts/default.html
View file

@ -4,6 +4,4 @@ layout: basic
{% include header.html %} {% include header.html %}
{{ content }} {{ content }}
{% include footer.html %}

4
_layouts/informational.html
View file

@ -8,4 +8,6 @@ layout: basic
<div class="informational-container"> <div class="informational-container">
{{ content }} {{ content }}
</div> </div>
{% include footer.html %}

3
_scss/helpers/utilities.scss
View file

@ -23,6 +23,9 @@ body {
.main-area { .main-area {
margin: 0 auto; margin: 0 auto;
overflow: hidden; overflow: hidden;
display: flex;
flex-direction: column;
min-height: 100vh;
} }

4
_scss/pages/home.scss
View file

@ -142,12 +142,15 @@ a:active {
.top-nav { .top-nav {
max-width: 860px; max-width: 860px;
width: -webkit-fill-available;
margin: 0px auto; margin: 0px auto;
display: flex; display: flex;
flex-direction: row;
align-items: center; align-items: center;
} }
.informational-container { .informational-container {
flex: 1;
width: 100%; width: 100%;
max-width: 680px; max-width: 680px;
margin: 0 auto; margin: 0 auto;
@ -213,7 +216,6 @@ a:active {
} }
} }
// TODO: Make this push to the bottom when the page isn't as tall as the viewport.
.push-footer { .push-footer {
font-size: 12px; font-size: 12px;
text-align: center; text-align: center;

10
apps.html
View file

@ -16,12 +16,4 @@ breadcrumb: "App Store"
</div> </div>
{% include sideload.html %} {% include sideload.html %}
<a class="btn-secondary" href="{{ site.base_url }}/fdroid-webdash/">View in Browser</a> <a class="btn-secondary" href="{{ site.base_url }}/fdroid-webdash/">View in Browser</a>
<footer class="push-footer">
<p>
<a href="https://gitlab.com/guardianproject/wind-fdroidclient">
The Butter App Store is built on F-Droid free software
</a>
</p>
</footer>