diff --git a/assets/js/src/tooltip.js b/assets/js/src/tooltip.js new file mode 100644 index 0000000000..50707cda64 --- /dev/null +++ b/assets/js/src/tooltip.js @@ -0,0 +1,12 @@ +const cmds = document.querySelectorAll(".language-dockerfile span.k"); + +for (const cmd of cmds) { + const name = cmd.textContent; + const a = document.createElement("a") + a.classList.add("underline","underline-offset-4","decoration-dashed","cursor-pointer") + a.title = `Learn more about the ${name} instruction` + a.href = `/engine/reference/builder/#${name.toLowerCase()}` + a.innerHTML = cmd.outerHTML + cmd.insertAdjacentElement("beforebegin", a) + cmd.remove() +} diff --git a/tailwind.config.js b/tailwind.config.js index a3d3398ddf..18e4994561 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -1,6 +1,6 @@ /** @type {import('tailwindcss').Config} */ module.exports = { - content: ["./hugo_stats.json","./layouts/**/*.{html,js}", "./content/**/*.md"], + content: ["./hugo_stats.json","./layouts/**/*.{html,js}", "./content/**/*.md", "assets/js/**/*.js"], darkMode: "class", theme: { extend: {