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

report arrow
All checks were successful
Deploy / Deploy to Production (push) Successful in 11s
Details

Browse source
This commit is contained in:
Julie Blanc 2026-01-30 12:46:45 +01:00
parent 453b29c246
commit 54a33a274b
4 changed files with 10 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

1
assets/css/style.css
View file

@ -2952,6 +2952,7 @@ main .page__header .description-medium {
[data-template=report] .report__content #arrow__medias span { [data-template=report] .report__content #arrow__medias span {
position: relative; position: relative;
left: 26px; left: 26px;
top: calc(var(--spacing) * -5);
} }
[data-template=report] #toggle-panel { [data-template=report] #toggle-panel {
position: fixed; position: fixed;

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

File diff suppressed because one or more lines are too long

4
assets/css/template/_report.scss
View file

@ -102,6 +102,8 @@
top: calc(var(--header-h) + var(--padding-body)); top: calc(var(--header-h) + var(--padding-body));
align-self: start; align-self: start;
// border-left: var(--border-light);
// padding-left: var(--padding-inner);
grid-row: 1; grid-row: 1;
grid-column: 2; grid-column: 2;
// border: var(--border-light); // border: var(--border-light);
@ -119,10 +121,12 @@
grid-column: 2; grid-column: 2;
transform: rotate(180deg); transform: rotate(180deg);
transform-origin: center; transform-origin: center;
span{ span{
position: relative; position: relative;
left: 26px; left: 26px;
top: calc(var(--spacing)*-5);
} }
} }

5
assets/js/report.js
View file

@ -42,11 +42,14 @@ function initMediaDisplay() {
const rootStyles = getComputedStyle(document.documentElement); const rootStyles = getComputedStyle(document.documentElement);
const headerH = rootStyles.getPropertyValue('--header-h').trim(); const headerH = rootStyles.getPropertyValue('--header-h').trim();
const paddingBody = rootStyles.getPropertyValue('--padding-body').trim(); const paddingBody = rootStyles.getPropertyValue('--padding-body').trim();
const spacingH = rootStyles.getPropertyValue('--spacing').trim();
// Convertir en pixels si nécessaire // Convertir en pixels si nécessaire
const headerHPx = parseFloat(headerH); const headerHPx = parseFloat(headerH);
const paddingBodyPx = parseFloat(paddingBody); const paddingBodyPx = parseFloat(paddingBody);
const totalOffset = headerHPx + paddingBodyPx; const spacingHPx = parseFloat(paddingBody);
const totalOffset = headerHPx + paddingBodyPx + spacingHPx*5;
const sections = document.querySelectorAll('.section-content'); const sections = document.querySelectorAll('.section-content');
const mediaElements = []; const mediaElements = [];