Inject repo actions into footer if no sidebar is present and it isn’t forced

Author: dragonstyle

src/project/types/website/website-navigation.ts

@@ -129,6 +129,7 @@ import { HtmlPostProcessResult } from "../../../command/render/types.ts";
 import { isJupyterNotebook } from "../../../core/jupyter/jupyter.ts";
 import { kHtmlEmptyPostProcessResult } from "../../../command/render/constants.ts";
 import { expandAutoSidebarItems } from "./website-sidebar-auto.ts";
+import { ensureHtmlElements } from "../../../../tests/verify.ts";
 
 // static navigation (initialized during project preRender)
 const navigation: Navigation = {
@@ -628,7 +629,7 @@ function handleRepoLinks(
     kWebsite,
     config,
   );
-  const forecRepoActions = format.metadata[kSiteRepoActions] === true;
+  const forceRepoActions = format.metadata[kSiteRepoActions] === true;
 
   const elRepoSource = doc.querySelector(
     "[" + kDataQuartoSourceUrl + '="repo"]',
@@ -640,8 +641,53 @@ function handleRepoLinks(
       if (repoActions.length > 0) {
         // find the toc
         let repoTarget = doc.querySelector(`nav[role="doc-toc"]`);
-        if (repoTarget === null && forecRepoActions) {
+        if (repoTarget === null && forceRepoActions) {
           repoTarget = doc.querySelector("#quarto-margin-sidebar");
+        } else if (repoTarget === null) {
+          repoTarget = doc.querySelector(".nav-footer .nav-footer-center");
+          if (!repoTarget) {
+            const ensureEl = (
+              doc: Document,
+              tagname: string,
+              classname: string,
+              parent: Element,
+              afterEl?: Element | null,
+            ) => {
+              let el = parent.querySelector(`${tagname}.${classname}`);
+              if (!el) {
+                el = doc.createElement(tagname);
+                el.classList.add(classname);
+                if (afterEl !== null && afterEl && afterEl.nextElementSibling) {
+                  parent.insertBefore(el, afterEl.nextElementSibling);
+                } else {
+                  parent.appendChild(el);
+                }
+              }
+              return el;
+            };
+
+            const footerEl = ensureEl(
+              doc,
+              "footer",
+              "footer",
+              doc.body,
+              doc.querySelector("div#quarto-content"),
+            );
+            const footerContainer = ensureEl(
+              doc,
+              "div",
+              "nav-footer",
+              footerEl,
+            );
+            const footerCenterEl = ensureEl(
+              doc,
+              "div",
+              "nav-footer-center",
+              footerContainer,
+              footerContainer.querySelector(".nav-footer-left"),
+            );
+            repoTarget = footerCenterEl;
+          }
         }
 
         if (repoTarget) {

src/resources/projects/website/navigation/quarto-nav.scss

@@ -716,6 +716,17 @@ nav.sidebar.sidebar-navigation:not(.rollup) {
   font-size: $toc-font-size;
 }
 
+.nav-footer .toc-actions {
+  .action-links {
+    display: flex;
+    p {
+      padding-right: 0.5em;
+    }
+  }
+  padding-bottom: 0.5em;
+  padding-top: 0.5em;
+}
+
 // border weight
 // border style
 .nav-footer {