From db3fa2673a5dd1db9fe667be2ddfc58e305b1bc9 Mon Sep 17 00:00:00 2001 From: Kate Higa Date: Fri, 11 Feb 2022 13:20:03 -0800 Subject: [PATCH 1/2] Move heading to end for readability --- contentScript.js | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/contentScript.js b/contentScript.js index 32a3645..e3bb12c 100644 --- a/contentScript.js +++ b/contentScript.js @@ -21,12 +21,13 @@ document.querySelectorAll('.markdown-body').forEach(function(commentBody) { // Appends heading level to headings. This is hidden from accesibility tree. commentBody.querySelectorAll('h1, h2, h3, h4, h5, h6').forEach(function(heading) { + heading.style = 'position: relative;'; const headingPrefix = document.createElement('span'); headingPrefix.setAttribute('aria-hidden', 'true'); - headingPrefix.textContent = `${heading.tagName} `; - headingPrefix.style = "color: purple;"; + headingPrefix.style = "color: purple; right: 0; position: absolute;"; + headingPrefix.textContent = ` ${heading.tagName}`; - heading.insertBefore(headingPrefix, heading.firstChild); + heading.append(headingPrefix); }); }); From 32e7f30cd8fd4b4c2a3c5219ed8d064b141aafca Mon Sep 17 00:00:00 2001 From: Kate Higa Date: Fri, 11 Feb 2022 15:04:59 -0800 Subject: [PATCH 2/2] fix conflict --- contentScript.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/contentScript.js b/contentScript.js index e3bb12c..fcd00ea 100644 --- a/contentScript.js +++ b/contentScript.js @@ -26,7 +26,7 @@ document.querySelectorAll('.markdown-body').forEach(function(commentBody) { headingPrefix.setAttribute('aria-hidden', 'true'); headingPrefix.style = "color: purple; right: 0; position: absolute;"; - headingPrefix.textContent = ` ${heading.tagName}`; + headingPrefix.textContent = ` ${heading.tagName.toLowerCase()}`; heading.append(headingPrefix); });