almet/la-chariotte
1
0
Fork 0
mirror of https://framagit.org/la-chariotte/la-chariotte.git synced 2025-05-02 11:52:27 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Make footer stick to the bottom. Fixes #120

Browse source
This commit is contained in:
Alexis Métaireau 2023-08-12 20:37:21 +02:00 committed by Laetitia Getti
parent 30ea525619
commit 5a309ee8e8
5 changed files with 32 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
la_chariotte/static/css/app.css
View file

@ -10285,12 +10285,19 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
body {
min-height: 100vh;
background-color: hsl(0, 0%, 96%);
display: flex;
min-height: 100vh;
flex-direction: column;
}
a {
color: #A52951;
}
main {
flex: 1;
}
.box.is-info, .card.is-info {
border-bottom: 2px solid #e9b049;
border-right: 1px solid #e9b049;
@ -10471,3 +10478,7 @@ p.mobile-content-title {
.tabs > ul {
margin-left: 0;
}
footer > .columns {
margin-bottom: 1rem !important;
}

2
la_chariotte/static/sass/base/_footer.sass Normal file
View file

@ -0,0 +1,2 @@
footer > .columns
margin-bottom: 1rem !important

6
la_chariotte/static/sass/base/_global.sass
View file

@ -1,10 +1,16 @@
body
min-height: 100vh
background-color: $background
display: flex
min-height: 100vh
flex-direction: column
a
color: $betterave
main
flex: 1
.box.is-info, .card.is-info
border-bottom: 2px solid $beige
border-right: 1px solid $beige

1
la_chariotte/static/sass/style.sass
View file

@ -16,3 +16,4 @@
@import "./base/table"
@import "./base/titles"
@import "./base/tabs"
@import "./base/footer"

3
la_chariotte/templates/base.html
View file

@ -126,8 +126,6 @@
{% endblock %}
</div>
</main>
</body>
<footer class="footer">
<div class="content has-text-centered columns">
<div class="column">
@ -140,6 +138,7 @@
</div>
</div>
</footer>
</body>
</html>