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

toggle --> toggle-btn

Browse source
This commit is contained in:
isUnknown 2024-04-11 12:46:12 +02:00
parent 00935dbf8e
commit 6c25374e09
5 changed files with 16 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

12
assets/css/src/generic.css
View file

@ -79,21 +79,21 @@ body {
} }
/* ================= BUTTONS ================= */ /* ================= BUTTONS ================= */
button.toggle.left::after { .toggle-btn.left::after {
margin-left: var(--unit--horizontal); margin-left: var(--unit--horizontal);
} }
button.toggle.left.close::after { .toggle-btn.left::after {
content: "+"; content: "+";
} }
button.toggle.left.open::after { .toggle-btn.left.open::after {
content: "-"; content: "-";
} }
button.toggle.right::before { .toggle-btn.right::before {
margin-right: var(--unit--horizontal); margin-right: var(--unit--horizontal);
} }
button.toggle.right.close::before { .toggle-btn.right::before {
content: "+"; content: "+";
} }
button.toggle.right.open::before { .toggle-btn.right.open::before {
content: "-"; content: "-";
} }

5
assets/js/alpine.min.js vendored Normal file
View file

File diff suppressed because one or more lines are too long

4
site/snippets/cover.php
View file

@ -16,11 +16,11 @@ $isOpen = isset($isOpen) ? $isOpen : false;
</header> </header>
<div id="entry-btns"> <div id="entry-btns">
<button <button
class="entry-btn entry-btn--left toggle left" class="entry-btn entry-btn--left toggle-btn left"
onclick="togglePanel('left')" onclick="togglePanel('left')"
>années</button> >années</button>
<button <button
class="entry-btn entry-btn--right toggle right" class="entry-btn entry-btn--right toggle-btn right"
onclick="togglePanel('right')" onclick="togglePanel('right')"
>categories</button> >categories</button>
</div> </div>

2
site/snippets/header.php
View file

@ -9,7 +9,7 @@ $entryTopPos = $entryTopPos ?? 20;
<title><?= $site->title() ?><?= e($page->url() !== $site->url(), '-' . $page->title()) ?></title> <title><?= $site->title() ?><?= e($page->url() !== $site->url(), '-' . $page->title()) ?></title>
<link rel="stylesheet" href="<?= url('assets/css/style.css') . '?version-cache-prevent' . rand(0, 1000) ?>" /> <link rel="stylesheet" href="<?= url('assets/css/style.css') . '?version-cache-prevent' . rand(0, 1000) ?>" />
<script src="<?= url('assets') ?>/js/script.js?version-cache-prevent<?= rand(0, 1000)?>" defer></script> <script src="<?= url('assets') ?>/js/script.js?version-cache-prevent<?= rand(0, 1000)?>" defer></script>
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script> <script defer src="<?= url('assets/js/alpine.min.js') ?>"></script>
<meta name="robots" content="noindex, nofollow, noarchive"> <meta name="robots" content="noindex, nofollow, noarchive">
<style> <style>
:root { :root {

4
site/templates/home.php
View file

@ -10,8 +10,8 @@
et des techniques<br> et des techniques<br>
</h2> </h2>
<button <button
class="main-edito-btn | toggle left" class="main-edito-btn | toggle-btn left"
:class="isEditoOpen ? 'open': ''" :class="isEditoOpen ? 'open' : 'close'"
>édito</button> >édito</button>
</button> </button>
</div> </div>