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;
+ }