Display anchor on hover on doc headers (#159)
diff --git a/landing-pages/site/assets/scss/_rst-content.scss b/landing-pages/site/assets/scss/_rst-content.scss
index 98ef829..ffa2a7e 100644
--- a/landing-pages/site/assets/scss/_rst-content.scss
+++ b/landing-pages/site/assets/scss/_rst-content.scss
@@ -284,11 +284,13 @@
h1 .headerlink, h2 .headerlink, .toctree-wrapper p.caption .headerlink, h3 .headerlink, h4 .headerlink, h5 .headerlink, h6 .headerlink, dl dt .headerlink, p.caption .headerlink, table > caption .headerlink, .code-block-caption .headerlink {
visibility: hidden;
- font-size: 14px
+ font-size: 0;
}
h1 .headerlink:after, h2 .headerlink:after, .toctree-wrapper p.caption .headerlink:after, h3 .headerlink:after, h4 .headerlink:after, h5 .headerlink:after, h6 .headerlink:after, dl dt .headerlink:after, p.caption .headerlink:after, table > caption .headerlink:after, .code-block-caption .headerlink:after {
- content: "";
+ content: url("/icons/anchor.svg");
+ vertical-align: bottom;
+ padding-left: 8px;
}
h1:hover .headerlink:after, h2:hover .headerlink:after, .toctree-wrapper p.caption:hover .headerlink:after, h3:hover .headerlink:after, h4:hover .headerlink:after, h5:hover .headerlink:after, h6:hover .headerlink:after, dl dt:hover .headerlink:after, p.caption:hover .headerlink:after, table > caption:hover .headerlink:after, .code-block-caption:hover .headerlink:after {
diff --git a/landing-pages/site/static/icons/anchor.svg b/landing-pages/site/static/icons/anchor.svg
new file mode 100644
index 0000000..37240ee
--- /dev/null
+++ b/landing-pages/site/static/icons/anchor.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="#3176d9" width="24" height="24" viewBox="0 0 24 24">
+ <path d="M0 0h24v24H0z" fill="none"></path>
+ <path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path>
+</svg>
