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

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

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

24
assets/css/style.css
View file

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

12
site/templates/investigations.php
View file

@ -79,21 +79,12 @@
</div> </div>
<?php endif ?> <?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> </dl>
</div> </div>
<?php if ($keywords = $investigation->keywords()->split()): ?>
<div class="keywords-wrapper"> <div class="keywords-wrapper">
<ul class="keywords"> <ul class="keywords">
<?php foreach ($keywords as $keyword): ?> <?php foreach ($keywords as $keyword): ?>
@ -101,6 +92,7 @@
<?php endforeach ?> <?php endforeach ?>
</ul> </ul>
</div> </div>
<?php endif ?>
<?php if ($investigation->pinned()->toBool()): ?> <?php if ($investigation->pinned()->toBool()): ?>
<div class="pin"><?= svg('assets/icons/pin.svg') ?></div> <div class="pin"><?= svg('assets/icons/pin.svg') ?></div>