feat: add dockerfile tooltips

Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
This commit is contained in:
David Karlsson 2023-10-13 14:26:38 +02:00
parent 30feb94b3f
commit ec22fd57f5
2 changed files with 13 additions and 1 deletions

12
assets/js/src/tooltip.js Normal file
View File

@ -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()
}

View File

@ -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: {