studio-variable/hecq-et-lesort
5
0
Fork 0
Code Issues 4 Pull requests Projects Releases Packages Wiki Activity Actions

event : restructure dates HTML + ajustements CSS
All checks were successful
Deploy / Deploy to Production (push) Successful in 5s
Details

Browse source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
isUnknown 2026-06-23 10:19:15 +02:00
parent 2a65419f57
commit 0a1289853f
4 changed files with 31 additions and 61 deletions
Download patch file Download diff file Expand all files Collapse all files

31
assets/css/src/pages/_event.scss
View file

@ -1,24 +1,5 @@
[data-template="event"] {
main {
.main-infos {
display: none;
position: relative;
box-sizing: border-box;
width: 100%;
margin-top: -0.2rem;
background-color: #000;
color: #fff;
border-radius: 0 0 var(--radius) var(--radius);
padding: 1rem;
ul {
display: flex;
justify-content: space-between;
li {
font-size: 1rem;
}
}
}
article {
box-sizing: border-box;
width: 100%;
@ -88,14 +69,15 @@
&.secondary-credits {
background-color: var(--color-grey);
.wrapper {
p {
}
text-align: center;
}
}
&.dates {
background-color: var(--color-beige);
ul li {
list-style-type: "— ";
ul {
width: 40rem;
margin: auto;
text-align: center;
}
a.button-link {
@ -103,6 +85,9 @@
border: var(--border);
padding: 0.5rem 1rem;
margin-top: var(--line-height-M);
display: block;
width: fit-content;
margin: auto;
}
}
&.presse {

31
assets/css/style.css
View file

@ -508,24 +508,6 @@ summary {
font-weight: 600;
}
[data-template=event] main .main-infos {
display: none;
position: relative;
box-sizing: border-box;
width: 100%;
margin-top: -0.2rem;
background-color: #000;
color: #fff;
border-radius: 0 0 var(--radius) var(--radius);
padding: 1rem;
}
[data-template=event] main .main-infos ul {
display: flex;
justify-content: space-between;
}
[data-template=event] main .main-infos ul li {
font-size: 1rem;
}
[data-template=event] main article {
box-sizing: border-box;
width: 100%;
@ -591,17 +573,26 @@ summary {
[data-template=event] main details.secondary-credits {
background-color: var(--color-grey);
}
[data-template=event] main details.secondary-credits .wrapper {
text-align: center;
}
[data-template=event] main details.dates {
background-color: var(--color-beige);
}
[data-template=event] main details.dates ul li {
list-style-type: "— ";
[data-template=event] main details.dates ul {
width: 40rem;
margin: auto;
text-align: center;
}
[data-template=event] main details.dates a.button-link {
border-radius: var(--border-radius);
border: var(--border);
padding: 0.5rem 1rem;
margin-top: var(--line-height-M);
display: block;
width: -moz-fit-content;
width: fit-content;
margin: auto;
}
[data-template=event] main details.presse {
background-color: black;

2
assets/css/style.css.map
View file

File diff suppressed because one or more lines are too long

28
site/templates/event.php
View file

@ -47,14 +47,6 @@
<?= $page->title() ?>
</h1>
<div class="main-infos bottom-tab">
<ul>
<?php foreach ($page->mainCredits()->toStructure() as $mainCredit): ?>
<li><?= $mainCredit->label() ?> : <?= $mainCredit->value() ?></li>
<?php endforeach ?>
</ul>
</div>
<article>
<div class="presentation">
<?= $page->presentation() ?>
@ -80,16 +72,18 @@
Dates et tournées
</summary>
<?php foreach ($page->dates()->toStructure() as $date): ?>
<ul>
<li>
Du <?= $date->from() ?> au <?= $date->to() ?>&nbsp;: <?= $date->name() ?>
<?php if ($link = $date->link()->isNotEmpty()): ?>
(<a href="<?= $date->link() ?>" target="blank"><?= $date->link() ?></a>)
<?php endif ?>
</li>
</ul>
<ul class="dates">
<?php foreach ($page->dates()->toStructure() as $date): ?>
<li class="date">
<p class="date-range">Du <?= $date->from() ?> au <?= $date->to() ?></p>
<?php if ($date->link()->isNotEmpty()): ?>
<p class="date-place"><a href="<?= $date->link() ?>" target="_blank"><?= $date->name() ?></a></p>
<?php else: ?>
<p class="date-place"><?= $date->name() ?></p>
<?php endif ?>
</li>
<?php endforeach ?>
</ul>
<br>
<a class="button-link" href="<?= page('agenda')->url()?>">Voir l'agenda</a>