diff --git a/Writerside/cfg/static/custom.css b/Writerside/cfg/static/custom.css index c9522d841..e3f3357da 100644 --- a/Writerside/cfg/static/custom.css +++ b/Writerside/cfg/static/custom.css @@ -1,3 +1,11 @@ +/* Common */ + +ul li[data-toc-scroll='toc-api-reference'] a::after { + content: none; +} + +/* Named colors tables */ + div[data-tab-id="by-shade"] div.table>div { width: 100%; border: none; diff --git a/Writerside/images/plots/plot_layout_scheme.png b/Writerside/images/plots/plot_layout_scheme.png index ac7c28fc8..6c5a7cb5e 100644 Binary files a/Writerside/images/plots/plot_layout_scheme.png and b/Writerside/images/plots/plot_layout_scheme.png differ diff --git a/Writerside/lpk.tree b/Writerside/lpk.tree index e894fdc82..a619a4efa 100644 --- a/Writerside/lpk.tree +++ b/Writerside/lpk.tree @@ -7,7 +7,7 @@ start-page="get-started.md"> - + diff --git a/Writerside/source/in-head.html b/Writerside/source/in-head.html index 344154524..cf282a467 100644 --- a/Writerside/source/in-head.html +++ b/Writerside/source/in-head.html @@ -2,22 +2,32 @@ document.addEventListener("DOMContentLoaded", onDOMContentLoaded); function onDOMContentLoaded() { - addGitHubLinkToHeader(); + whenLoaded("header .wh-header a.wh-header__link").then(fixLogoLink); + whenLoaded("header .wh-header").then(addGitHubLinkToHeader); + whenLoaded("ul li[data-toc-scroll='toc-api-reference'] a").then(fixAPIReferenceTocLink); } - function addGitHubLinkToHeader() { + function fixLogoLink(linkElem) { + makeLinkInternal(linkElem); + } + + function addGitHubLinkToHeader(headerElem) { function createGitHubLink() { const gitHubLinkElem = document.createElement("a"); gitHubLinkElem.setAttribute("href", "https://github.com/JetBrains/lets-plot-kotlin"); gitHubLinkElem.setAttribute("id", "github-repo-link"); + gitHubLinkElem.setAttribute("target", "_blank"); return gitHubLinkElem; } - whenLoaded("header .wh-header").then((headerElem) => { - const switchersElem = headerElem.querySelector(".wh-header__switchers"); - const gitHubLinkElem = createGitHubLink(); - headerElem.insertBefore(gitHubLinkElem, switchersElem); - }); + const switchersElem = headerElem.querySelector(".wh-header__switchers"); + const gitHubLinkElem = createGitHubLink(); + headerElem.insertBefore(gitHubLinkElem, switchersElem); + } + + function fixAPIReferenceTocLink(linkElem) { + const isInternal = makeLinkInternal(linkElem); + if (isInternal) linkElem.classList.remove("toc-item--external"); } function whenLoaded(selector) { @@ -37,6 +47,14 @@ } }); } + + function makeLinkInternal(linkElem) { + const href = linkElem.getAttribute("href"); + if (!href.startsWith("https://lets-plot.org")) return false; + linkElem.removeAttribute("target"); + linkElem.dataset.test = linkElem.dataset.test.replace("external-link", "internal-link"); + return true; + }