links/hot_reload: handle logo and dropdown self link

Make them absolute on load.

Signed-off-by: Jorge Marques <[email protected]>

Author: gastmaier

adi_doctools/theme/cosmic/scripts/hot_reload.js

@@ -139,6 +139,10 @@ export class HotReload {
       }
     })
   }
+  init_others () {
+    let logo = DOM.get('.sphinxsidebarwrapper > a')
+    logo.href = logo.href.replace(/#$/, '')
+  }
   popstate (ev) {
     let url = new URL(location.href)
     url.hash = ''
@@ -151,7 +155,8 @@ export class HotReload {
   init () {
     this.location_href = location.href
 
-    this.init_toctree ()
+    this.init_toctree()
+    this.init_others()
     this.hot_links()
     window.addEventListener('popstate', (ev) => {
       this.popstate(ev)

adi_doctools/theme/cosmic/scripts/links.js

@@ -55,13 +55,15 @@ export class Links {
     let home = "index.html"
     this.$.linksOverlay = []
     this.$.linksSidebar = []
+    let self_link = this.parent.state.offline ?
+                    this.parent.state.content_root :
+                    new URL(this.parent.state.content_root, location.href)
     for (const [key, value] of Object.entries(obj)) {
       if (!('name' in value))
         continue
 
       let base = key == this.parent.state.repository ?
-                 this.parent.state.content_root :
-                 `${prefix}${key}/`
+                 self_link : `${prefix}${key}/`
       this.$.linksSidebar.push(new DOM('a', {
         'href': `${base}${home}`,
         'className': this.parent.state.repository === key ? 'current' : '',