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

double thumbnail

Browse source
This commit is contained in:
Julie Blanc 2026-01-09 13:43:25 +01:00
parent 610bee465c
commit 90aa3babd6
5 changed files with 31 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

13
assets/css/style.css
View file

@ -1845,7 +1845,7 @@ body main {
font-weight: normal; font-weight: normal;
} }
#rapport .rapport__header dl { #rapport .rapport__header dl {
align-self: end; align-self: start;
font-size: var(--fs-small); font-size: var(--fs-small);
border-bottom: var(--border-light); border-bottom: var(--border-light);
flex-grow: 2; flex-grow: 2;
@ -1863,14 +1863,19 @@ body main {
color: var(--color-txt-light); color: var(--color-txt-light);
padding-right: 1ch; padding-right: 1ch;
} }
#rapport .rapport__header .thumbnail-pdf { #rapport .rapport__header .thumbnail--group {
display: flex;
flex-direction: column;
gap: calc(var(--spacing) * 0.5);
}
#rapport .rapport__header .thumbnail {
width: 140px; width: 140px;
} }
#rapport .rapport__header .thumbnail-pdf figure { #rapport .rapport__header .thumbnail figure {
border: var(--border-medium); border: var(--border-medium);
display: flex; display: flex;
} }
#rapport .rapport__header .thumbnail-pdf .btn--small { #rapport .rapport__header .thumbnail .btn--small {
width: 100%; width: 100%;
margin-top: calc(var(--spacing) * 0.25); margin-top: calc(var(--spacing) * 0.25);
} }

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

File diff suppressed because one or more lines are too long

2
assets/css/style.scss
View file

@ -34,6 +34,6 @@
@import 'template/investigations'; @import 'template/investigations';
@import 'template/investigation-summary'; @import 'template/investigation-summary';
@import 'template/investigation'; @import 'template/rapport';

11
assets/css/template/_investigation.scss → assets/css/template/_rapport.scss
View file

@ -46,7 +46,7 @@
dl{ dl{
align-self: end; align-self: start;
font-size: var(--fs-small); font-size: var(--fs-small);
border-bottom: var(--border-light); border-bottom: var(--border-light);
flex-grow: 2; flex-grow: 2;
@ -63,7 +63,14 @@
} }
} }
.thumbnail-pdf{
.thumbnail--group{
display: flex;
flex-direction: column;
gap: calc(var(--spacing)*0.5);
}
.thumbnail{
width: 140px; width: 140px;
figure{ figure{
border: var(--border-medium); border: var(--border-medium);

14
site/templates/investigation.php
View file

@ -65,9 +65,17 @@
</dl> </dl>
<div class="thumbnail-pdf"> <div class="thumbnail--group">
<figure><img src="/assets/images/cover-rapport.png"></figure> <div class="thumbnail thumbnail-pdf">
<button class="btn--small"><a href="#">Télégarcher le PDF</a></button> <figure><img src="/assets/images/cover-rapport.png"></figure>
<button class="btn--small"><a href="#">Télégarcher le PDF</a></button>
<a class="link-block" href="#"></a>
</div>
<div class="thumbnail thumbnail-summary">
<figure><img src="/assets/images/Nidal-Khaled-Amirah.png"></figure>
<button class="btn--small"><a href="#">Voir la synthèse</a></button>
<a class="link-block" href="/enquetes/l-execution-de-nidal-et-khaled-amirah-a-naplouse"></a>
</div>
</div> </div>
</header> </header>