Hide navigation links when loaded inside iframe

source/_static/js/main.js

@@ -1,4 +1,11 @@
 window.addEventListener("DOMContentLoaded", (event) => {
+   // Detect parent iframe.
+   // This is required to hide the navigation links when viewed via PathFactory for analytics purposes
+   if (window.location !== window.parent.location) {
+      document.body.classList.add('inside-iframe');
+   }
+   
+   // Table of contents
 	var topic = document.getElementById("table-of-contents");
 	if (topic != null) {
 		document

source/_static/scss/includes/_layout.scss

@@ -43,3 +43,20 @@
     top: 0;
     overflow: scroll;
 }
+
+// Keep only the main content when the page is loaded inside an iframe.
+// Currently we load certain pages inside iframes for PathFactory analytics.
+.inside-iframe {
+    .header,
+    .sidebar {
+        display: none;
+    }
+
+    .content {
+        height: 100vh;
+    }
+
+    .content__main {
+        padding-left: $content-padding;
+    }
+}