uyuni-project · jcayouette · Sep 26, 2025 · Sep 11, 2025 · Sep 11, 2025 · Sep 23, 2025
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,4 @@
+- Shared header enablement for documentation.suse.com
 - Fixed command for proxy installation (bsc#1249807)
 - Added clarification about containerized proxy (bsc#1248247)
 - Updated hub certificates deployment documentation (bsc#1249462)

diff --git a/branding/default-ui/mlm/partials/toolbar.hbs b/branding/default-ui/mlm/partials/toolbar.hbs
@@ -1,17 +1,5 @@
 <div class="toolbar" role="navigation">
   {{> nav-toggle}}
-
-  <a href="https://documentation.suse.com" class="home-link" title="Documentation.suse.com"></a>
-
-<a href="https://documentation.suse.com/multi-linux-manager/5.1/" class="library-link" title="SUSE Multi-Linux Manager Product Page">
-  <span class="library-text">SUSE Multi-Linux Manager 5.1  | </span>
-  <img class="library-icon" src="{{uiRootPath}}/img/library.svg" alt="Library" width="20" height="20">
-</a>
-
-{{!-- }}  <a href="https://documentation.suse.com/multi-linux-manager/5.1/" class="library-link" title="SUSE Multi-Linux Manager Product Page">
-    <img src="{{uiRootPath}}/img/library.svg" alt="Library" width="16" height="16">
-  </a> --}}
-
 {{> breadcrumbs}}
 {{> page-versions}}
 

diff --git a/branding/supplemental-ui/mlm/susecom-2025/css/site-extra.css b/branding/supplemental-ui/mlm/susecom-2025/css/site-extra.css
@@ -1287,4 +1287,53 @@ margin: .225rem;
   .breadcrumbs {
     display: block !important;
   }
-}
+}
+
+.toolbar {
+  background-color: #efefef;
+  /* Shared Header - start */
+  top: 6.9rem;
+  /* Shared Header - end */
+}
+
+body {
+  font-family: "SUSE", "Poppins", sans-serif;
+  word-break: keep-all;
+  /* Shared Header - start */
+  padding-top: 0;
+  /* Shared Header - end */
+}
+
+.toc .toc-menu a {
+  border-left: unset;
+}
+
+.home-link-dsc {
+    display: block;
+    height: 1.25rem;
+    width: 1.25rem;
+    margin: .625rem;
+}
+
+/* Shared Header - start */
+.nav {
+  top: 6.9rem;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  position: sticky;
+  height: calc(100vh - 6.9rem);
+}
+
+.toc.sidebar .toc-menu {
+  margin-right: .75rem;
+  position: sticky;
+  top: 9.4rem;
+}
+
+shared-header {
+  position: sticky;
+  top: 0;
+  z-index: 999;
+}
+
+/* Shared Header - end */
diff --git a/branding/supplemental-ui/mlm/susecom-2025/layouts/404.hbs b/branding/supplemental-ui/mlm/susecom-2025/layouts/404.hbs
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+{{> head defaultPageTitle='Page Not Found'}}
+  </head>
+  <body class="status-404">
+{{> header}}
+{{> body}}
+{{> footer}}
+  </body>
+</html>
diff --git a/branding/supplemental-ui/mlm/susecom-2025/layouts/default.hbs b/branding/supplemental-ui/mlm/susecom-2025/layouts/default.hbs
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <head>
+{{> head defaultPageTitle='Untitled'}}
+  </head>
+  <body class="article{{#with (or page.attributes.role page.role)}} {{{this}}}{{/with}}">
+{{> header}}
+{{> body}}
+{{> footer}}
+  </body>
+</html>
diff --git a/branding/supplemental-ui/mlm/susecom-2025/partials/body.hbs b/branding/supplemental-ui/mlm/susecom-2025/partials/body.hbs
@@ -0,0 +1,5 @@
+<div class="body">
+{{> nav}}
+{{> main}}
+<script src="{{{uiRootPath}}}/js/language-switcher.js"></script>
+</div>
diff --git a/branding/supplemental-ui/mlm/susecom-2025/partials/breadcrumbs.hbs b/branding/supplemental-ui/mlm/susecom-2025/partials/breadcrumbs.hbs
@@ -0,0 +1,13 @@
+<nav class="breadcrumbs" aria-label="breadcrumbs">
+<ul>
+    {{#if page.breadcrumbs.[0]}}
+      <li>
+        {{#if (and page.breadcrumbs.[0].url (eq page.breadcrumbs.[0].urlType 'internal'))}}
+          <a href="{{{relativize page.breadcrumbs.[0].url}}}">{{{page.breadcrumbs.[0].content}}}</a>
+        {{else}}
+          {{{page.breadcrumbs.[0].content}}}
+        {{/if}}
+      </li>
+    {{/if}}
+  </ul>
+</nav>
diff --git a/branding/supplemental-ui/mlm/susecom-2025/partials/footer-scripts.hbs b/branding/supplemental-ui/mlm/susecom-2025/partials/footer-scripts.hbs
@@ -3,7 +3,7 @@
 {{#if env.SITE_SEARCH_PROVIDER}}
 {{> search-scripts}}
 {{/if}}
-<script src="{{uiRootPath}}/js/vendor/langSelection.js"></script>
+<!-- <script src="{{uiRootPath}}/js/vendor/langSelection.js"></script> -->
 <script async src="{{{uiRootPath}}}/js/vendor/tabs.js"></script>
 
 
diff --git a/branding/supplemental-ui/mlm/susecom-2025/partials/head-meta.hbs b/branding/supplemental-ui/mlm/susecom-2025/partials/head-meta.hbs
@@ -14,11 +14,13 @@
 <a class="survey-link" href="https://suselinux.fra1.qualtrics.com/jfe/form/SV_bEiGZbUNzLD8Tcy"> Documentation survey
 </a>
 <script src="/docserv/res/lightheaded/analytics.js" type="text/javascript"></script>
+
 <script type="module">
-    import { defineCustomElements, setAssetPath } from 'https://static.scc.suse.com/shared-header/0.1.0/shared-header.bundle.js';
-    defineCustomElements();
-    setAssetPath("https://static.scc.suse.com/shared-header/0.1.0/assets");
+  import { defineCustomElements, setAssetPath } from 'https://d12w0ryu9hjsx8.cloudfront.net/shared-header/1.3/shared-header.esm.js';
+  defineCustomElements();
+  setAssetPath("https://d12w0ryu9hjsx8.cloudfront.net/shared-header/1.2/assets");
 </script>
+
 <link href="https://documentation.suse.com/multi-linux-manager/5.1/en{{page.url}}" rel="canonical"/>
 <link href="https://documentation.suse.com/multi-linux-manager/5.1/en{{page.url}}" hreflang="x-default" rel="alternate"/>
 <link href="https://documentation.suse.com/multi-linux-manager/5.1/en{{page.url}}" hreflang="en-US" rel="alternate" />

diff --git a/branding/supplemental-ui/mlm/susecom-2025/partials/head.hbs b/branding/supplemental-ui/mlm/susecom-2025/partials/head.hbs
@@ -0,0 +1,7 @@
+{{> head-prelude}}
+{{> head-title}}
+{{> head-info}}
+{{> head-styles}}
+{{> head-meta}}
+{{> head-scripts}}
+{{> head-icons}}
diff --git a/branding/supplemental-ui/mlm/susecom-2025/partials/header-content.hbs b/branding/supplemental-ui/mlm/susecom-2025/partials/header-content.hbs
@@ -1,89 +1,3 @@
-<header class="header">
-  <nav class="navbar">
-    <div class="navbar-brand">
-      <div class="navbar-item">
-        <a class=" navbar-logo" href="https://documentation.suse.com/" aria-label="SUSE Documentation Home"><img class="logo"
-            src="{{uiRootPath}}/img/logo.svg" alt="SUSE logo"/></a>
-      </div>
-      {{#if env.SITE_SEARCH_PROVIDER}}
-      <div class="navbar-item search hide-for-print">
-        <div id="search-field" class="field">
-          <label class="visual-search-label" for="search-input">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
-          <input label="Search" aria-label="Search" id="search-input" type="text" placeholder="Search the docs" {{#if page.home}} autofocus{{/if}}>
-        </div>
-      </div>
-      {{/if}}
-      <button class="navbar-burger" data-target="topbar-nav">
-        <span></span>
-        <span></span>
-        <span></span>
-      </button>
-    </div>
-    <div id="topbar-nav" class="navbar-menu">
-      <div class="navbar-end">
-        <div class="navbar-item has-dropdown is-hoverable">
-          <div class="navbar-link">
-            <img src="{{uiRootPath}}/img/resources.png" class="langIcon Resurces" alt="Resources" title="Resources">
-          </div>
-          <div class="navbar-dropdown">
-            {{#with page.origin}}
-            <a class="navbar-item" href="{{./webUrl}}"><i class="fab fa-github"></i>&nbsp;{{@root.page.origin.descriptor.title}}</a>
-            <div class="has-submenu-dropdown">
-              <a class="navbar-item" href="#" ><i class="fas fa-file-alt"></i>&nbsp;Report Issue &nbsp;<i class="fas fa-chevron-right"></i></a>
-              <div class="submenu-dropdown">
-                <a class="navbar-item" href="https://scc.suse.com">SCC (Recommended)</a>
-                <a class="navbar-item" href="{{./webUrl}}/issues">GitHub Issue</a>
-              </div>
-            </div>
-            <a class="navbar-item" href="https://github.com/uyuni-project/uyuni-docs?tab=readme-ov-file#introduction"><i class="fas fa-user-edit"></i>&nbsp;Contribute</a>
-            {{/with}}
-          </div>
-        </div>
-        <div class="navbar-item has-dropdown is-hoverable">
-          <div class="navbar-link"><img src="{{uiRootPath}}/img/language.png" class="langIcon Language" alt="Language"
-              title="Language"></div>
-          <div class="navbar-dropdown">
-            <!--  </div><div>Icons made by <a href="https://www.flaticon.com/authors/freepik" title="Freepik">Freepik</a> from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a></div> -->
-            {{#each (languagelist page.navigation uiRootPath)}}
-              <a role="button" class="navbar-item" id="{{./id}}" onclick="selectLanguage(this.id)">
-                <!--<img src="{{./uiRootPath}}/img/{{./image}}" class="langIcon {{./class}}">-->
-                &nbsp;{{./label}}
-              </a>
-            {{/each}}
-            <!-- LANGUAGESELECTOR -->
-          </div>
-        </div>
-        <!--
-        <div class="navbar-item">
-          <a href="https://twitter.com/SUSE">
-            <img alt="X-logo" class="x-logo" src="{{uiRootPath}}/img/x-logo-white.png">
-          </a>
-        </div>
-        -->
-      </div>
-    </div>
-
-    <!--   <div id="topbar-nav" class="navbar-menu">
-      <div class="navbar-end">
-
-        </div>
-        <div class="navbar-item">
-          <span class="control">
-          </span>
-        </div>
-        <div class="navbar-item">
-          <span class="control">
-          </span>
-        </div>
-        <div class="navbar-item">
-          <span class="control">
-          </span>
-        </div>
-        <div class="navbar-item">
-          <span class="control">
-          </span>
-        </div>
-      </div> -->
-    </div>
-  </nav>
-</header>
+<!-- <header class="header">
+
+</header> -->
diff --git a/branding/supplemental-ui/mlm/susecom-2025/partials/header-scripts.hbs b/branding/supplemental-ui/mlm/susecom-2025/partials/header-scripts.hbs
@@ -0,0 +1,3 @@
+<!-- <aside class="toc sidebar" data-title="{{{or page.attributes.toctitle 'On this page'}}}" data-levels="{{{or page.attributes.toclevels 2}}}">
+  <div class="toc-menu"></div>
+</aside> -->
diff --git a/branding/supplemental-ui/mlm/susecom-2025/partials/toolbar.hbs b/branding/supplemental-ui/mlm/susecom-2025/partials/toolbar.hbs
@@ -0,0 +1,28 @@
+<div class="toolbar" role="navigation">
+{{> nav-toggle}}
+
+ <a href="https://documentation.suse.com" class="home-link" title="Documentation.suse.com"></a>
+
+<a href="https://documentation.suse.com/multi-linux-manager/5.1/" class="library-link" title="SUSE Multi-Linux Manager Product Page">
+  <span class="library-text">SUSE Multi-Linux Manager 5.1  | </span>
+  <img class="library-icon" src="{{uiRootPath}}/img/library.svg" alt="Library" width="20" height="20">
+</a>
+
+{{> breadcrumbs}}
+{{> page-versions}}
+
+  {{#if (and page.fileUri (not env.CI))}}
+  <div class="edit-this-page"><a href="{{page.fileUri}}"><strong>Edit</strong></a></div>
+  {{else if (and page.editUrl (or env.FORCE_SHOW_EDIT_PAGE_LINK (not page.origin.private)))}}
+  <div class="edit-this-page"><a href="{{page.editUrl}}"><strong>Edit</strong></a></div>
+  {{/if}}
+
+  {{#if env.SITE_SEARCH_PROVIDER}}
+      <div class="navbar-item search hide-for-print">
+        <div id="search-field" class="field">
+          <label class="visual-search-label" for="search-input">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
+          <input label="Search" aria-label="Search" id="search-input" type="text" placeholder="Search the docs" {{#if page.home}} autofocus{{/if}}>
+        </div>
+      </div>
+  {{/if}}
+</div>