1
0
Fork 0
mirror of https://github.com/Phantop/dotfiles synced 2025-11-25 21:55:44 +00:00

qute: improve miniflux heading anchor stylings

This commit is contained in:
Phantop 2024-06-29 12:01:10 -04:00
parent 84ae214ebe
commit b4ab077b3c
2 changed files with 16 additions and 3 deletions

View file

@ -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;
}

View file

@ -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 }
}
}
}