fix mobile footer
This commit is contained in:
parent
669a35daaf
commit
dde483ee20
4 changed files with 49 additions and 43 deletions
|
|
@ -89,6 +89,15 @@ button.toggle.right::before {
|
||||||
margin-right: var(--unit--horizontal);
|
margin-right: var(--unit--horizontal);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
[data-template="author"] .page-cover,
|
||||||
|
[data-template="category"] .page-cover,
|
||||||
|
[data-template="year"] .page-cover,
|
||||||
|
[data-template="email"] .page-cover,
|
||||||
|
[data-template="error"] .page-cover,
|
||||||
|
[data-template="info"] .page-cover {
|
||||||
|
height: initial !important;
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (min-width: 640px) {
|
@media screen and (min-width: 640px) {
|
||||||
body:not([data-template="home"]) #main-header {
|
body:not([data-template="home"]) #main-header {
|
||||||
width: var(--body-padding);
|
width: var(--body-padding);
|
||||||
|
|
@ -121,14 +130,6 @@ button.toggle.right::before {
|
||||||
padding-top: calc(42.5vw) !important;
|
padding-top: calc(42.5vw) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
[data-template="author"] .page-cover,
|
|
||||||
[data-template="category"] .page-cover,
|
|
||||||
[data-template="year"] .page-cover,
|
|
||||||
[data-template="email"] .page-cover,
|
|
||||||
[data-template="error"] .page-cover {
|
|
||||||
height: initial !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.page-cover .links {
|
.page-cover .links {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -4,5 +4,6 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
#main-edito {
|
#main-edito {
|
||||||
|
margin-top: calc(var(--unit--vertical) * 4);
|
||||||
scroll-margin-block-start: 25vw;
|
scroll-margin-block-start: 25vw;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,29 +1,31 @@
|
||||||
<footer id="main-footer">
|
<!-- <footer id="main-footer">
|
||||||
<ul id="links">
|
<ul id="links">
|
||||||
<?php if (!$page->isHomePage() && $kirby->user()): ?>
|
<?php // if (!$page->isHomePage() && $kirby->user()):?>
|
||||||
<li class="open-nav-wrapper">
|
<li class="open-nav-wrapper">
|
||||||
<button class="plus open-nav" title="chercher parmi les textes">textes</button>
|
<button class="plus open-nav" title="chercher parmi les textes">textes</button>
|
||||||
</li>
|
</li>
|
||||||
<?php endif ?>
|
<?php // endif?>
|
||||||
<?php if ($page->is(page('lettre'))): ?>
|
<?php // if ($page->is(page('lettre')) || $page->is(page('a-propos'))):?>
|
||||||
<li>
|
<li>
|
||||||
<a href="<?= $site->url() ?>">
|
<a href="<?= $site->url() ?>">
|
||||||
accueil
|
accueil
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<?php else: ?>
|
<?php // else:?>
|
||||||
<li>
|
<li>
|
||||||
<a href="/lettre" id="subscribe-btn" class="plus">
|
<a href="/lettre" id="subscribe-btn" class="plus">
|
||||||
s'inscrire
|
s'inscrire
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<?php endif ?>
|
<?php // endif?>
|
||||||
<li>
|
<li>
|
||||||
<a href="<?= $site->find('a-propos')->url() ?>">
|
<a
|
||||||
à propos
|
href="<?= $site->find('a-propos')->url() ?>">
|
||||||
</a>
|
à propos
|
||||||
</li>
|
</a>
|
||||||
</ul>
|
</li>
|
||||||
</footer>
|
</ul>
|
||||||
</body>
|
</footer> -->
|
||||||
</html>
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
@ -1,15 +1,17 @@
|
||||||
<?php snippet('header') ?>
|
<?php snippet('header') ?>
|
||||||
<main id="<?= $page->template() ?>">
|
<main id="<?= $page->template() ?>">
|
||||||
<article>
|
<article>
|
||||||
<?php snippet('cover', array('isOpen' => true), slots: true) ?>
|
<?php snippet('cover', ['isOpen' => true], slots: true) ?>
|
||||||
<?php slot('title') ?>
|
<?php slot('title') ?>
|
||||||
<h2 class="main-title <?= setTitleFontSizeClass($page->title()) ?>"><?= $page->title() ?></h2>
|
<h2
|
||||||
<?php endslot() ?>
|
class="main-title <?= setTitleFontSizeClass($page->title()) ?>">
|
||||||
|
<?= $page->title() ?></h2>
|
||||||
|
<div id="main-content">
|
||||||
|
<?= $page->body() ?>
|
||||||
|
</div>
|
||||||
|
<?php endslot() ?>
|
||||||
<?php endsnippet() ?>
|
<?php endsnippet() ?>
|
||||||
|
|
||||||
<div id="main-content">
|
|
||||||
<?= $page->body() ?>
|
|
||||||
</div>
|
|
||||||
</article>
|
</article>
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue