Add .Post-body class to image selector to avoid breaking other extens…

…ion that adds images out of the post. Add exclude class .no-fancybox to allow developer make their extension compatible with this one.
iamdarkle · Aug 27, 2024 · 8fb5072 · 8fb5072
1 parent 837d0e9
commit 8fb5072
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/js/dist/forum.js b/js/dist/forum.js
diff --git a/js/dist/forum.js.map b/js/dist/forum.js.map
diff --git a/js/src/forum/index.js b/js/src/forum/index.js
@@ -8,7 +8,7 @@ app.initializers.add('darkle/fancybox', () => {
 
   extend(CommentPost.prototype, 'oncreate', function (vnode) {
     this.element
-      .querySelectorAll('img:not(.emoji):not(.Avatar):not(.PostMeta-ip img):not([data-reaction]):not([data-link-preview]):not(.flamoji img):not(.countryFlag)')
+      .querySelectorAll('.Post-body img:not(.emoji):not(.Avatar):not(.PostMeta-ip img):not([data-reaction]):not([data-link-preview]):not(.flamoji img):not(.countryFlag):not(.no-fancybox)')
       .forEach((node) => {
         const fancyboxEl = document.createElement('a');
         fancyboxEl.setAttribute('data-fancybox', 'responsive');