studio-variable/index-main
3
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity Actions

modification card article
All checks were successful
Deploy / Deploy to Production (push) Successful in 12s
Details

Browse source
This commit is contained in:
Julie Blanc 2026-01-27 18:51:58 +01:00
parent 4610cc4fe7
commit a1554cfae0
7 changed files with 44 additions and 53 deletions
Download patch file Download diff file Expand all files Collapse all files

15
assets/css/components/_card-article.scss
View file

@ -3,6 +3,7 @@
position: relative;
display: flex;
flex-direction: column;
padding: var(--padding-inner);
@ -12,7 +13,6 @@
// padding: var(--padding-inner);
display: flex;
flex-direction: column;
flex-grow: 2;
}
.pin{
position: absolute;
@ -45,7 +45,7 @@
.description{
margin-top: calc(var(--spacing)*1);
font-size: var(--fs-small);
// font-size: var(--fs-small);
display: -webkit-box;
-webkit-line-clamp: 3;
@ -55,7 +55,8 @@
.dl{
margin-top: calc(var(--spacing)*0.5);
font-size: var(--fs-small);
// font-size: var(--fs-small);
border-bottom: var(--border-light);
.dl__group{
@include grid-content();
border-top: var(--border-light);
@ -72,17 +73,13 @@
li{ padding-bottom: 0.2em; }
}
.dl__group__keywords{
padding-bottom: 0;
}
}
.keywords-wrapper{
@include grid-content();
z-index: 3000;
margin-top: calc(var(--spacing)*-1);
margin-bottom: calc(var(--spacing)*0.5);
margin-top: calc(var(--spacing)*0.5);
// margin-bottom: calc(var(--spacing)*0.5);
}
.keywords{

6
assets/css/partials/_page-header.scss
View file

@ -65,7 +65,11 @@ main .page__header {
}
.description {
max-width: 68ch;
// max-width: 68ch;
font-size: var(--fs-medium);
max-width: 58ch;
line-height: 1.1;
}
.description-medium{

24
assets/css/style.css
View file

@ -1148,7 +1148,6 @@ button.sort[data-sort-type=up] .arrow {
.card--article .content {
display: flex;
flex-direction: column;
flex-grow: 2;
}
.card--article .pin {
position: absolute;
@ -1179,7 +1178,6 @@ button.sort[data-sort-type=up] .arrow {
}
.card--article .description {
margin-top: calc(var(--spacing) * 1);
font-size: var(--fs-small);
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
@ -1187,7 +1185,7 @@ button.sort[data-sort-type=up] .arrow {
}
.card--article .dl {
margin-top: calc(var(--spacing) * 0.5);
font-size: var(--fs-small);
border-bottom: var(--border-light);
}
.card--article .dl .dl__group {
display: grid;
@ -1207,17 +1205,9 @@ button.sort[data-sort-type=up] .arrow {
.card--article .dl ul li {
padding-bottom: 0.2em;
}
.card--article .dl .dl__group__keywords {
padding-bottom: 0;
}
.card--article .keywords-wrapper {
display: grid;
grid-gap: var(--padding-inner);
grid-template-columns: 2fr 3fr;
position: relative;
z-index: 3000;
margin-top: calc(var(--spacing) * -1);
margin-bottom: calc(var(--spacing) * 0.5);
margin-top: calc(var(--spacing) * 0.5);
}
.card--article .keywords {
grid-column: 2;
@ -1927,7 +1917,9 @@ main .page__header .page__title {
text-wrap: balance;
}
main .page__header .description {
max-width: 68ch;
font-size: var(--fs-medium);
max-width: 58ch;
line-height: 1.1;
}
main .page__header .description-medium {
font-size: var(--fs-medium);
@ -2461,9 +2453,6 @@ main .page__header .description-medium {
text-transform: uppercase;
margin-bottom: calc(var(--spacing) * 0.75);
}
.content-folder section:target {
padding-top: calc(var(--header-h) + var(--spacing));
}
@media screen and (max-width: 1080px) {
.content-folder #section__investigations {
display: grid;
@ -2478,6 +2467,9 @@ main .page__header .description-medium {
grid-column: span 2;
margin-bottom: 0px;
}
.content-folder section:target {
padding-top: calc(var(--header-h) + var(--spacing));
}
}
@media screen and (min-width: 1080px) {
.content-folder {

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

File diff suppressed because one or more lines are too long

11
assets/css/template/_folder.scss
View file

@ -26,10 +26,6 @@
}
section:target{
padding-top: calc(var(--header-h) + var(--spacing));
}
@ -45,6 +41,11 @@
margin-bottom: 0px;
}
}
section:target{
padding-top: calc(var(--header-h) + var(--spacing));
}
}
@media #{$medium-up}{
@ -70,8 +71,6 @@
}
}
}

27
site/templates/folder.php
View file

@ -80,21 +80,28 @@ $investigations = site()->find('enquetes')->children()->listed()->filter(functio
<dd><?= $investigation->incidentLocation()->esc() ?></dd>
</div>
<?php endif ?>
</dl>
</div>
<?php if ($keywords = $investigation->keywords()->split()): ?>
<?php if (count($keywords) > 0): ?>
<div class="keywords-wrapper">
<ul class="keywords">
<?php foreach ($keywords as $keyword): ?>
<li><a href="#keyword" target="_blank"><?= esc($keyword) ?></a></li>
<?php endforeach ?>
</ul>
</div>
<?php endif ?>
<?php endif ?>
<div class="keywords-wrapper">
<ul class="keywords">
<?php foreach ($keywords as $keyword): ?>
<li><a href="#keyword" target="_blank"><?= esc($keyword) ?></a></li>
<?php endforeach ?>
</ul>
</div>
<?php endif ?>
<a class="link-block" href="<?= $investigation->url() ?>"></a>
</article>

12
site/templates/investigations.php
View file

@ -79,21 +79,12 @@
</div>
<?php endif ?>
<?php if ($keywords = $investigation->keywords()->split()): ?>
<?php if (count($keywords) > 0): ?>
<div class="dl__group dl__group__keywords">
<dt>Mots-clés</dt>
<dd>
</dd>
</div>
<?php endif ?>
<?php endif ?>
</dl>
</div>
<?php if ($keywords = $investigation->keywords()->split()): ?>
<div class="keywords-wrapper">
<ul class="keywords">
<?php foreach ($keywords as $keyword): ?>
@ -101,6 +92,7 @@
<?php endforeach ?>
</ul>
</div>
<?php endif ?>
<?php if ($investigation->pinned()->toBool()): ?>
<div class="pin"><?= svg('assets/icons/pin.svg') ?></div>