Merge pull request #24 from horihiro/bump-0.1.4

Bump 0.1.4
horihiro · Nov 3, 2023 · 34a0e50 · 34a0e50
2 parents 446cd41 + 682cde3
commit 34a0e50
Show file tree

Hide file tree

Showing 5 changed files with 48 additions and 2 deletions.
diff --git a/README.md b/README.md
@@ -38,6 +38,14 @@ If you can try a development version, the following steps are needed.
 
 # Change logs
 
+## [0.1.4](https://github.com/horihiro/TextBlurrer-ChromeExtension/releases/tag/0.1.4)
+
+  - New features
+    - Add a link to [new issue](https://github.com/horihiro/TextBlurrer-ChromeExtension/issues/new)
+  - Bug fixes
+    - Fix logic for getting backgroud color
+    - Restore `title` attribute
+
 ## [0.1.3](https://github.com/horihiro/TextBlurrer-ChromeExtension/releases/tag/0.1.3)
 
   - New features

diff --git a/content/js/main.js b/content/js/main.js
@@ -208,7 +208,13 @@
         ) {
           n.classList.add(blurredClassName);
           n.classList.add(keepClassName);
-          options?.showValue && n.setAttribute('title', o.keyword);
+          if (options?.showValue) {
+            const originalTitle = n.getAttribute('title');
+            if (originalTitle) {
+              n.setAttribute('data-tb-original-title', originalTitle);
+            }
+            n.setAttribute('title', o.keyword);
+          }
           if (size > 5) n.style.filter += ` blur(${size}px)`;
           return;
         }
@@ -347,6 +353,7 @@
     });
   }
   const getBackgroundColorAlongDOMTree = (element) => {
+    if (element == document) return '';
     const computedStyle = getComputedStyle(element);
     return (!/(?:^| )rgba *\( *\d+ *, *\d+ *, *\d+ *, *0 *\)(?:$| )/.test(computedStyle.getPropertyValue('background-color')))
       ? computedStyle.getPropertyValue('background-color')
@@ -443,6 +450,14 @@
     const now = Date.now();
     m.forEach((n) => {
       if (n.classList.contains(blurredClassName) && n.classList.contains(keepClassName)) {
+        // restore title
+        const originalTitle = n.getAttribute('data-tb-original-title');
+        if (originalTitle) {
+          n.setAttribute('title', originalTitle);
+          n.removeAttribute('data-tb-original-title');
+        }
+        else n.removeAttribute('title');
+
         // restore class
         n.classList.remove(blurredClassName);
         n.classList.remove(keepClassName);

diff --git a/popup/css/main.css b/popup/css/main.css
@@ -173,4 +173,20 @@ input[type="checkbox"]:checked.blur-input+span::before {
   left: 0;
   top: 0;
   z-index: -1;
-}
+}
+
+div#linkContainer {
+  position: absolute;
+  bottom: 10px;
+  left: 10px;
+  font-size: small;
+}
+div#linkContainer a {
+  color: #1191ff;
+  text-decoration:underline;
+}
+
+div#linkContainer a>img {
+  filter: invert(44%) sepia(75%) saturate(3284%) hue-rotate(191deg) brightness(102%) contrast(100%);
+  height: 20px;
+}
diff --git a/popup/img/arrow.svg b/popup/img/arrow.svg
diff --git a/popup/main.html b/popup/main.html
@@ -10,6 +10,12 @@
 </head>
 
 <body>
+  <div id="linkContainer">
+    <div id="linkWrapper">
+      <a href="https://github.com/horihiro/TextBlurrer-ChromeExtension/issues/new" target="_blank"
+        rel="noopener noreferrer">Report an issue<img src="./img/arrow.svg"/></a><br>
+    </div>
+  </div>
   <div id="toggleButton">
     <label class="switch">
       <input type="checkbox" id="statusCheckbox">