update breadcrumb styles and mobile device library icon

Author: jcayouette

Makefile.en

@@ -48,7 +48,7 @@ prepare-antora-mlm-en: copy-branding-en set-html-language-selector-mlm-en
 	cd $(current_dir)
 
 .PHONY: antora-mlm-en
-antora-mlm-en: configure-mlm-branding-dsc-en prepare-antora-mlm-en pdf-all-mlm-en pdf-tar-mlm-en
+antora-mlm-en: configure-mlm-branding-dsc-en prepare-antora-mlm-en #pdf-all-mlm-en pdf-tar-mlm-en
 	$(call antora-mlm-function,translations/en,en)
 
 

branding/default-ui/mlm/partials/breadcrumbs.hbs

@@ -1,25 +1,16 @@
 <nav class="breadcrumbs" aria-label="breadcrumbs">
-  {{#if page.breadcrumbs}}
   <ul>
-    {{!-- Look up book title directly from YAML map --}}
-    {{#if (lookup site.asciidoc.attributes.book_titles page.module.name)}}
+    {{#if page.breadcrumbs.[0]}}
       <li>
-        <a href="{{{relativize page.componentVersion.url}}}">
-          {{lookup site.asciidoc.attributes.book_titles page.module.name}}
-        </a>
+        {{#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}}
-
-    {{!-- Remaining breadcrumbs --}}
-    {{#each page.breadcrumbs}}
-    <li>
-      {{#if (and url (eq urlType 'internal'))}}
-        <a href="{{{relativize url}}}">{{{content}}}</a>
-      {{else}}
-        {{{content}}}
-      {{/if}}
-    </li>
-    {{/each}}
   </ul>
-  {{/if}}
 </nav>
+
+
+

branding/default-ui/mlm/partials/toolbar.hbs

@@ -1,13 +1,24 @@
 <div class="toolbar" role="navigation">
-{{> nav-toggle}}
-  {{#with site.homeUrl}}
-  <a href="{{{relativize this}}}" class="home-link{{#if @root.page.home}} is-current{{/if}}"></a>
-  {{/with}}
+  {{> 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}}
+
   {{#if (and page.fileUri (not env.CI))}}
-  <div class="edit-this-page"><a href="{{page.fileUri}}">Edit this Page</a></div>
+    <div class="edit-this-page"><a href="{{page.fileUri}}">Edit this Page</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}}">Edit this Page</a></div>
+    <div class="edit-this-page"><a href="{{page.editUrl}}">Edit this Page</a></div>
   {{/if}}
 </div>
+

branding/default-ui/mlm/ui-bundle.zip

@@ -1231,4 +1231,55 @@ nav.pagination a {
   font-weight: 500;
   z-index: 3;
   text-decoration: none;
-}
+}
+
+.toolbar .library-link {
+  display: inline-flex;
+  align-items: center;
+  margin-left: 0.3em;
+  margin-right: 0.4em;
+  text-decoration: none;
+}
+
+/* Text shown by default */
+.toolbar .library-text {
+  display: inline-flex;
+}
+
+/* Icon hidden by default */
+.toolbar .library-icon {
+  width: 20px;
+  height: 20px;
+  display: none;
+  margin: .225rem;
+}
+
+/* On mobile: hide text, show icon */
+@media (max-width: 768px) {
+  .toolbar .library-text {
+    display: none;
+  }
+
+  .toolbar .library-icon {
+    display: block;
+  }
+}
+
+.breadcrumbs {
+  padding-top: 2px;
+}
+
+@media screen and (max-width: 768px) {
+  .breadcrumbs {
+    display: block !important;
+  }
+}
+
+.home-link {
+margin: .225rem;
+}
+
+/*.breadcrumbs ul {
+  flex-wrap: wrap;
+} */
+

branding/supplemental-ui/mlm/susecom-2025/css/site-extra.css

@@ -1,4 +1,4 @@
-= {productname} Index
+= Index
 
 ifeval::[{mlm-content} == true]
 [.currentrel]**Version: {productnumber}**