fix #31
This commit is contained in:
parent
b4217f80d4
commit
0766e64b96
4 changed files with 37 additions and 41 deletions
|
|
@ -2,14 +2,14 @@
|
||||||
position: fixed;
|
position: fixed;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
padding: 3px var(--unit--horizontal) 6px var(--unit--horizontal);
|
|
||||||
|
|
||||||
border-bottom: 0;
|
border-bottom: 0;
|
||||||
}
|
}
|
||||||
.main-footer--background {
|
.open-nav-wrapper {
|
||||||
border-top: 1px solid #eee;
|
border-top: 1px solid #eee;
|
||||||
border-right: 1px solid #eee;
|
border-right: 1px solid #eee;
|
||||||
background-color: #000;
|
background-color: #000;
|
||||||
|
padding: 3px var(--unit--horizontal) 6px var(--unit--horizontal);
|
||||||
}
|
}
|
||||||
[data-template="home"] #main-footer {
|
[data-template="home"] #main-footer {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
|
|
@ -43,4 +43,14 @@
|
||||||
#main-footer button.open-nav {
|
#main-footer button.open-nav {
|
||||||
margin-bottom: var(--unit--vertical);
|
margin-bottom: var(--unit--vertical);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
[data-template="home"] #main-footer .open-nav-wrapper {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.open-nav-wrapper {
|
||||||
|
padding: 0;
|
||||||
|
border: none;
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -91,9 +91,6 @@ button.toggle.right::before {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin-right: var(--unit--horizontal);
|
margin-right: var(--unit--horizontal);
|
||||||
}
|
}
|
||||||
.page-cover .links li:last-child {
|
|
||||||
margin-bottom: var(--unit--horizontal);
|
|
||||||
}
|
|
||||||
|
|
||||||
[data-template="author"] .page-cover,
|
[data-template="author"] .page-cover,
|
||||||
[data-template="category"] .page-cover,
|
[data-template="category"] .page-cover,
|
||||||
|
|
|
||||||
|
|
@ -69,13 +69,9 @@ function toggleLogoState() {
|
||||||
}
|
}
|
||||||
function toggleFooterState() {
|
function toggleFooterState() {
|
||||||
if (scrollY > 90) {
|
if (scrollY > 90) {
|
||||||
document
|
document.querySelector(".open-nav-wrapper").classList.remove("hidden");
|
||||||
.querySelector("#main-footer")
|
|
||||||
.classList.add("main-footer--background");
|
|
||||||
} else {
|
} else {
|
||||||
document
|
document.querySelector(".open-nav-wrapper").classList.add("hidden");
|
||||||
.querySelector("#main-footer")
|
|
||||||
.classList.remove("main-footer--background");
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,31 +1,24 @@
|
||||||
<?php if ($page->isHomePage()): ?>
|
|
||||||
<footer id="main-footer">
|
|
||||||
<ul id="links">
|
|
||||||
<!-- <li class="open-nav-wrapper">
|
|
||||||
<button class="plus open-nav" title="chercher parmi les textes">textes</button>
|
|
||||||
</li> -->
|
|
||||||
<?php if ($page->is(page('lettre')) || $page->is(page('a-propos'))):?>
|
|
||||||
<li>
|
|
||||||
<a href="<?= $site->url() ?>">
|
|
||||||
accueil
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<?php else: ?>
|
|
||||||
<li>
|
|
||||||
<a href="/lettre" id="subscribe-btn" class="plus">
|
|
||||||
s'inscrire
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<?php endif ?>
|
|
||||||
<li>
|
|
||||||
<a
|
|
||||||
href="<?= $site->find('a-propos')->url() ?>">
|
|
||||||
à propos
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</footer>
|
|
||||||
<?php endif ?>
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
<?php if (!$page->is(page('lettre')) && !$page->is(page('a-propos'))): ?>
|
||||||
|
<footer id="main-footer">
|
||||||
|
<ul id="links">
|
||||||
|
<li class="open-nav-wrapper hidden">
|
||||||
|
<button class="plus open-nav" title="chercher parmi les textes">textes</button>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="/lettre" id="subscribe-btn" class="plus">
|
||||||
|
s'inscrire
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="<?= $site->find('a-propos')->url() ?>">
|
||||||
|
à propos
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</footer>
|
||||||
|
<?php endif ?>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
Loading…
Add table
Add a link
Reference in a new issue