diff --git a/website/assets/js/pages/docs/basic-documentation.page.js b/website/assets/js/pages/docs/basic-documentation.page.js
index e140bc6f27..d9c87bc3af 100644
--- a/website/assets/js/pages/docs/basic-documentation.page.js
+++ b/website/assets/js/pages/docs/basic-documentation.page.js
@@ -177,19 +177,19 @@ parasails.registerPage('basic-documentation', {
});
})();
- // Adding event handlers to the Headings on the page, allowing users to copy links by clicking on the heading.
+ // Adding event handlers to the links nested in headings on the page, allowing users to copy links by clicking on the link icon next to the heading.
let headingsOnThisPage = $('#body-content').find(':header');
for(let key in Object.values(headingsOnThisPage)){
let heading = headingsOnThisPage[key];
- $(heading).click(()=> {
+ // Find the child element
+ let linkElementNestedInThisHeading = _.first($(heading).find('a.markdown-link'));
+ $(linkElementNestedInThisHeading).click(()=> {
if(typeof navigator.clipboard !== 'undefined') {
- // Find the child element
- let linkToCopy = _.first($(heading).find('a.markdown-link'));
// If this heading has already been clicked and still has the copied class we'll just ignore this click
if(!$(heading).hasClass('copied')){
// If the link's href is missing, we'll copy the current url (and remove any hashes) to the clipboard instead
- if(linkToCopy) {
- navigator.clipboard.writeText(linkToCopy.href);
+ if(linkElementNestedInThisHeading.href) {
+ navigator.clipboard.writeText(linkElementNestedInThisHeading.href);
} else {
navigator.clipboard.writeText(heading.baseURI.split('#')[0]);
}
diff --git a/website/assets/styles/pages/docs/basic-documentation.less b/website/assets/styles/pages/docs/basic-documentation.less
index 17c8bf504f..f9749002a6 100644
--- a/website/assets/styles/pages/docs/basic-documentation.less
+++ b/website/assets/styles/pages/docs/basic-documentation.less
@@ -220,25 +220,17 @@
border-radius: 4px;
padding: 4px 8px;
text-decoration: none;
-
i {
height: 16px;
padding-right: 5px;
} &:hover {
background: @core-vibrant-blue;
-
- a {
- text-decoration: none;
- color: @accent-white;
- }
-
+ color: @accent-white;
+ text-decoration: none;
}
-
} &:hover {
-
[purpose='edit-button'] {
opacity: 1;
-
}
}
diff --git a/website/views/pages/docs/basic-documentation.ejs b/website/views/pages/docs/basic-documentation.ejs
index 37e5f5d702..59bb358c2f 100644
--- a/website/views/pages/docs/basic-documentation.ejs
+++ b/website/views/pages/docs/basic-documentation.ejs
@@ -122,9 +122,9 @@
<%= thisPage.title %>