github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-06-01 17:40:43 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

FIX: Inline footnotes doesn’t work in the table at fullscreen (#27686)

Browse Source 
* FIX: Inline footnotes doesn’t work in the table at fullscreen

meta topic: https://meta.discourse.org/t/inline-footnotes-doesnt-work-in-the-table-at-fullscreen/313445
This commit is contained in:
锦心
2024-07-03 18:52:36 +08:00
committed by GitHub
parent 395cbbfe67
commit f3130bc6d9
3 changed files with 20 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
plugins/footnote/assets/javascripts/initializers/inline-footnotes.js
View File

@ -65,7 +65,13 @@ function footnoteEventHandler(event) {
// append footnote to tooltip body
const footnoteContent = tooltip.querySelector(".footnote-tooltip-content");
const cooked = expandableFootnote.closest(".cooked");
let cooked = expandableFootnote.closest(".cooked");
if (cooked.dataset.refPostId != null) {
// For full screen tables, redirect
cooked = document.querySelector(
`article[data-post-id="${cooked.dataset.refPostId}"] .cooked`
);
}
const newContent = cooked.querySelector(footnoteId);
footnoteContent.innerHTML = newContent.innerHTML;
@ -107,7 +113,7 @@ export default {
}
document.body.append(buildTooltip());
window.addEventListener("click", footnoteEventHandler);
window.addEventListener("click", footnoteEventHandler, true);
withPluginApi("0.8.9", (api) => {
api.decorateCookedElement((elem) => applyInlineFootnotes(elem), {

2
plugins/footnote/assets/stylesheets/footnotes.scss
View File

@ -45,7 +45,7 @@
font-size: var(--font-down-1);
border-radius: 3px;
display: none;
z-index: z("tooltip");
z-index: z("modal", "tooltip");
max-width: 400px;
overflow-wrap: break-word;