A Tampermonkey script to hide Task IDs on kanban board

canadaduane · 8 September 2022 22:19

One of my co-founders has ADD and found the Task Identifiers on each card in the Kanban view to be a bit distracting. We designed this Tampermonkey script to remove them for her, and I thought it might be useful to someone else out there:

// ==UserScript==
// @name         Remove Vikunja Task IDs
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Hide task identifiers
// @author       Duane Johnson
// @match        http*://kanban.relm.us/*
// @grant        none
// ==/UserScript==

(function () {
  "use strict";

  let observer = new MutationObserver((mutationRecords) => {
    const taskEl = document.querySelector(".task-id");
    if (taskEl) taskEl.remove();
  });

  observer.observe(document, {
    childList: true, // observe direct children
    subtree: true, // and lower descendants too
  });
})();

kolaente · 13 September 2022 13:40

Thanks for sharing!

Do you think we should integrate something like this directly into Vikunja?

canadaduane · 13 September 2022 15:41

I’m not sure yet if this is a universal need; however, I did try making the IDs invisible first by checking the Edit This List settings. Perhaps a toggle next to “List Identifier” would make this easy to disable?