Replace the always-shown anchors by ones that appear on hover

This seems to be a common behavior on the 'net.

Signed-off-by: Johannes Schindelin <[email protected]>

Author: dscho

GitForWindows.css

@@ -374,8 +374,11 @@ footer li {
 	clear: both;
 }
 
-.ref {
-	float: right;
-	font-size: 16px;
-	padding-right: 1em;
+.anchor {
+	transform: translateX(-80%) scale(.6);
+	position: absolute;
+}
+
+h2:not(:hover) .anchor {
+	display: none;
 }

add-entry.js

@@ -73,8 +73,8 @@ const main = async (...args) => {
 
   const insert = [
     `<h2 id="${id}">`,
+    `<a class="anchor" href="#${id}">&#128279;</a>`,
     date,
-    `<a class="ref" href="#${id}">&#128279;</a>`,
     '<br />',
     `(commit <a href="https://github.com/git-for-windows/git/commit/${commit}">${commit}</a>)</h2>\n`,
     '\n',