dashboard: Add self-links on each report

Make it easier to share a pointer to a specific report by making the anchors more discoverable with self-links that appear on hover. Signed-off-by: Emanuele Aina <emanuele.aina@collabora.com>

dashboard: Add self-links on each report
Make it easier to share a pointer to a specific report by making the anchors more discoverable with self-links that appear on hover. Signed-off-by: Emanuele Aina <emanuele.aina@collabora.com>
30c26b8e · Emanuele Aina · b3121fb5 · 30c26b8e
Commit 30c26b8e authored 3 years ago by Emanuele Aina
--- a/templates/index.html.jinja2
+++ b/templates/index.html.jinja2
@@ -13,6 +13,15 @@
      .nonzero {
        font-weight: bold;
      }
+      .list-group-item .self-link {
+        transition: visibility 1s, opacity 1s;
+        visibility: hidden;
+        opacity: 0;
+      }
+      .list-group-item:hover .self-link {
+        visibility: initial;
+        opacity: 1;
+      }
    </style>
  </head>
  <body>
@@ -66,6 +75,7 @@
                {{ package.name }}
                {% endif -%}
              </strong>
+              <a class="self-link" href="#pkg-{{package.name}}">¶</a>
            </h5>
          </div>