fix mobile footer

This commit is contained in:
isUnknown 2025-02-04 19:23:27 +01:00
parent 669a35daaf
commit dde483ee20
4 changed files with 49 additions and 43 deletions

View file

@ -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;
} }

View file

@ -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;
} }

View file

@ -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>

View file

@ -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>