Antoine/homegrade_theme_production
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixing stacking problem with bullets

Browse Source
This commit is contained in:
Antoine M 2023-10-12 16:09:30 +02:00
parent aebf62a903
commit cbb01874ad
3 changed files with 20 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
resources/css/blocks/focused-thematique.css Normal file
View File

@ -0,0 +1,2 @@
.homegrade-blocks-focused-thematique {
}

5
resources/css/editor-content/color-taxonomy-scheme.css
View File

@ -22,6 +22,7 @@ body.acoustique,
.chapter_index__position-indicator, .chapter_index__position-indicator,
.homegrade-blocks-focus-point-bullet, .homegrade-blocks-focus-point-bullet,
.homegrade-blocks-focus-point-bullet-panel-preview,
.homegrade-blocks-focus-point-bullet:after, .homegrade-blocks-focus-point-bullet:after,
.homegrade-blocks-focused-schema ol li:before, .homegrade-blocks-focused-schema ol li:before,
.wp-block-button__link, .wp-block-button__link,
@ -99,6 +100,7 @@ body.energies,
} }
.chapter_index__position-indicator, .chapter_index__position-indicator,
.homegrade-blocks-focus-point-bullet, .homegrade-blocks-focus-point-bullet,
.homegrade-blocks-focus-point-bullet-panel-preview,
.homegrade-blocks-focus-point-bullet:after, .homegrade-blocks-focus-point-bullet:after,
.homegrade-blocks-focused-schema ol li:before, .homegrade-blocks-focused-schema ol li:before,
ul li:before, ul li:before,
@ -174,6 +176,7 @@ body.isolation,
} }
.chapter_index__position-indicator, .chapter_index__position-indicator,
.homegrade-blocks-focus-point-bullet, .homegrade-blocks-focus-point-bullet,
.homegrade-blocks-focus-point-bullet-panel-preview,
.homegrade-blocks-focus-point-bullet:after, .homegrade-blocks-focus-point-bullet:after,
.homegrade-blocks-focused-schema ol li:before, .homegrade-blocks-focused-schema ol li:before,
ul li:before, ul li:before,
@ -246,6 +249,7 @@ body.patrimoine,
} }
.chapter_index__position-indicator, .chapter_index__position-indicator,
.homegrade-blocks-focus-point-bullet, .homegrade-blocks-focus-point-bullet,
.homegrade-blocks-focus-point-bullet-panel-preview,
.homegrade-blocks-focus-point-bullet:after, .homegrade-blocks-focus-point-bullet:after,
.homegrade-blocks-focused-schema ol li:before, .homegrade-blocks-focused-schema ol li:before,
ul li:before, ul li:before,
@ -318,6 +322,7 @@ body.renovation-circulaire,
} }
.chapter_index__position-indicator, .chapter_index__position-indicator,
.homegrade-blocks-focus-point-bullet, .homegrade-blocks-focus-point-bullet,
.homegrade-blocks-focus-point-bullet-panel-preview,
.homegrade-blocks-focus-point-bullet:after, .homegrade-blocks-focus-point-bullet:after,
.homegrade-blocks-focused-schema ol li:before, .homegrade-blocks-focused-schema ol li:before,
ul li:before, ul li:before,

16
resources/js/schema-bullet-points.js
View File

@ -4,6 +4,10 @@ export default function SchemaBulletPointsInit() {
function initBullet(focusPoint) { function initBullet(focusPoint) {
const focusTitle = focusPoint.getAttribute('data-focus-bullet-title'); const focusTitle = focusPoint.getAttribute('data-focus-bullet-title');
const focusPointPosition = {
x: focusPoint.getAttribute('data-postion-x'),
y: focusPoint.getAttribute('data-postion-y'),
};
const focusPointPopupContainer = document.createElement('div'); const focusPointPopupContainer = document.createElement('div');
focusPointPopupContainer.className = 'homegrade-blocks-focus-point-bullet__tooltip-container'; focusPointPopupContainer.className = 'homegrade-blocks-focus-point-bullet__tooltip-container';
@ -11,13 +15,19 @@ export default function SchemaBulletPointsInit() {
const focusPointPopupTitle = document.createElement('h4'); const focusPointPopupTitle = document.createElement('h4');
focusPointPopupTitle.textContent = focusTitle; focusPointPopupTitle.textContent = focusTitle;
focusPointPopupTitle.className = 'tooltip-title'; focusPointPopupTitle.className = 'tooltip-title';
focusPointPopupContainer.style.left = `${focusPointPosition.x}%`;
focusPointPopupContainer.style.top = `${focusPointPosition.y}%`;
focusPointPopupContainer.appendChild(focusPointPopupTitle); focusPointPopupContainer.appendChild(focusPointPopupTitle);
focusPoint.appendChild(focusPointPopupContainer);
console.log(focusPointPosition);
// focusPointPopupContainer.style.left = `${focusPoint.getAttribute}px`;
// focusPoint.appendChild(focusPointPopupContainer);
focusPoint.parentNode.insertBefore(focusPointPopupContainer, focusPoint.nextSibling);
focusPoint.setAttribute('data-hovered', ''); focusPoint.setAttribute('data-hovered', '');
// focusPoint.style.zIndex = 1; // focusPoint.style.zIndex = 1;
// focusPointPopupContainer.style.zIndex = 99; // focusPointPopupContainer.style.zIndex = 99;
} }
function handleVisibility(focusPoint) { function handleVisibility(focusPoint) {
// console.log(focusPoint); // console.log(focusPoint);