From b4ab077b3c90507f2ffed7ab9038575c5987b53a Mon Sep 17 00:00:00 2001
From: Phantop <phantop@tuta.io>
Date: Sat, 29 Jun 2024 12:01:10 -0400
Subject: [PATCH] qute: improve miniflux heading anchor stylings

---
 qutebrowser/greasemonkey/headings.js |  3 ++-
 qutebrowser/user.scss                | 16 ++++++++++++++--
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/qutebrowser/greasemonkey/headings.js b/qutebrowser/greasemonkey/headings.js
index 793f83a..d24dd9d 100644
--- a/qutebrowser/greasemonkey/headings.js
+++ b/qutebrowser/greasemonkey/headings.js
@@ -25,6 +25,7 @@ for ($element of $elements) {
 function createAnchor(id) {
   var $link = document.createElement('a');
   $link.href = '#' + id;
-  $link.appendChild(document.createTextNode('♯'));
+  $link.id = 'grease-anchor';
+  $link.appendChild(document.createTextNode('#'));
   return $link;
 }
diff --git a/qutebrowser/user.scss b/qutebrowser/user.scss
index 212dac8..0a1fd35 100644
--- a/qutebrowser/user.scss
+++ b/qutebrowser/user.scss
@@ -77,7 +77,7 @@ body>div#outer.wrapper { //ao3
         }
     }
     a, fieldset, .comment, textarea, h4.byline, .navigation, #footer, .menu,
-    a:hover, [role="menu-item"] a, .bookmark, .reading h4.viewed, ol.index.group { 
+    a:hover, [role="menu-item"] a, .bookmark, .reading h4.viewed, ol.index.group {
         background: #000;
         color: #fff;
     }
@@ -137,7 +137,19 @@ body>div#outer.wrapper { //ao3
     .item-status-read .item-title > a:link {color: rgb(155, 148, 148);}
     .logo a span, .logo a:hover { color: #c88aff; }
 
+    // remove padding between webcomic images for comic category
     &:has(.entry-meta > .category > a[href="/category/74/entries"]) .entry-content {
         font-size: 0;
     }
-} 
+
+    h1, h2, h3, h4, h5, h6 {
+        #grease-anchor {
+            margin-inline-start: 4px;
+            color: var(--category-link-color);
+            display: none;
+        }
+        &:hover, &:active {
+            #grease-anchor { display: unset }
+        }
+    }
+}