Adrien/actuel-inactuel
1
0
Fork 0
Code Issues 13 Pull requests Projects Releases Packages Wiki Activity Actions

improve mobile footer

Browse source
This commit is contained in:
isUnknown 2024-12-02 16:39:38 +01:00
parent af1ffe78c6
commit 5252d51633
5 changed files with 97 additions and 59 deletions
Download patch file Download diff file Expand all files Collapse all files

19
assets/css/src/footer.css
View file

@ -1,11 +1,15 @@
#main-footer {
position: fixed;
bottom: 0;
width: 100%;
box-sizing: border-box;
padding-bottom: 3px;
padding: 3px var(--unit--horizontal) 6px var(--unit--horizontal);
border-bottom: 0;
}
.main-footer--background {
border-top: 1px solid #eee;
border-right: 1px solid #eee;
background-color: #000;
padding-bottom: 6px;
}
[data-template="home"] #main-footer {
position: fixed;
@ -13,10 +17,8 @@
bottom: 0;
}
#main-footer ul {
display: flex;
justify-content: center;
gap: calc(2 * var(--unit--horizontal));
#main-footer li:not(.open-nav-wrapper) {
display: none;
}
#main-footer button.open-nav {
@ -24,6 +26,9 @@
}
@media screen and (min-width: 640px) {
#main-footer li {
display: block !important;
}
#main-footer {
position: fixed;
left: 0;