diff --git a/assets/main.js b/assets/main.js index eec97c4..12f0d19 100644 --- a/assets/main.js +++ b/assets/main.js @@ -18,7 +18,13 @@ class LineRemover extends Button { class LinePinner extends Button { click() { - this.closest("div.linecontainer").classList.toggle("unpinned"); + const l = this.closest("div.linecontainer"); + l.classList.toggle("unpinned"); + if (l.classList.contains("unpinned")) { + this.innerText = "pin"; + } else { + this.innerText = "upin"; + } } } diff --git a/templates/index.tmpl b/templates/index.tmpl index 971686f..28389d2 100644 --- a/templates/index.tmpl +++ b/templates/index.tmpl @@ -6,6 +6,12 @@ #blueprint { display: none; } + div.linecontainer:not(.unpinned) { + font-weight: bold; + } + button[is=line-pinner] { + min-width: 4em; + }