Antoine/carhop__dynamiques-theme__PROD-DEV
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

FEATURE Alternates articles pictures
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Nonimart 2025-10-23 17:14:17 +02:00
parent 5ca8edabd4
commit afb23bdd9d
3 changed files with 26 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
resources/css/pages/single-articles.css
View File

@ -21,4 +21,14 @@
@apply text-base;
line-height: 1.2;
}
.wp-block-image {
@apply p-3 border border-primary border-solid;
&.rotate-left {
rotate: -0.6deg;
}
&.rotate-right {
rotate: 0.6deg;
}
}
}

11
resources/js/singles/alternate-pictures.ts Normal file
View File

@ -0,0 +1,11 @@
export default function alternatePictures() {
const images = document.querySelectorAll('.page--single-articles .wp-block-image');
images.forEach((img, index) => {
if (index % 2 === 0) {
img.classList.add('rotate-right');
} else {
img.classList.add('rotate-left');
}
});
}

5
resources/js/singles/singles.ts
View File

@ -8,6 +8,7 @@ import handleArticleReader from './reader.ts';
import { handleArticleToolbar } from './article-toolbar.ts';
import { handleRevueToolbar } from './revue-toolbar.ts';
import handleSearchRevue from './search-revue.ts';
import alternatePictures from './alternate-pictures.ts';
export default function singles(): void {
const isSingleRevue: HTMLElement | null = document.querySelector('.page--single-revue');
const isSingleArticle: HTMLElement | null = document.querySelector('.page--single-articles');
@ -22,4 +23,8 @@ export default function singles(): void {
handleShareButton();
handleArticleReader();
handleSearchRevue();
if (isSingleArticle) {
alternatePictures();
}
}