From fa0caa7d6f227df1831d5bc3e715e45763ff125a Mon Sep 17 00:00:00 2001
From: "Steven R. Loomis" <srl295@gmail.com>
Date: Thu, 10 Oct 2024 12:09:37 -0500
Subject: [PATCH] CLDR-18006 site: updates to top bar (#4124)

---
 docs/site/_layouts/page.html    |  5 -----
 docs/site/_layouts/sitemap.html |  6 ------
 docs/site/assets/css/page.css   | 23 +++++++++++------------
 docs/site/assets/js/cldrsite.js | 16 ++++++++--------
 4 files changed, 19 insertions(+), 31 deletions(-)

diff --git a/docs/site/_layouts/page.html b/docs/site/_layouts/page.html
index db4305589da..cfbb352373a 100644
--- a/docs/site/_layouts/page.html
+++ b/docs/site/_layouts/page.html
@@ -14,11 +14,6 @@
           <!-- Vue mount here -->
         </div>
       </div>
-      <div class="message">
-        <i
-          >This navigation UI is temporary, just to give access to the pages.</i
-        >
-      </div>
     </header>
 
     <section class="body">
diff --git a/docs/site/_layouts/sitemap.html b/docs/site/_layouts/sitemap.html
index cd39288b180..41a967d3665 100644
--- a/docs/site/_layouts/sitemap.html
+++ b/docs/site/_layouts/sitemap.html
@@ -14,12 +14,6 @@
           <!-- Vue mount here for normal navigation -->
         </div>
       </div>
-      <div class="message">
-        <i
-          >This navigation UI is temporary, just to give access to the pages.</i
-        >
-      </div>
-      <!-- <div class="bar"><a href="/sitemap" class="bar">Site Map</a></div> -->
     </header>
 
     <section class="body">{{ content }}</section>
diff --git a/docs/site/assets/css/page.css b/docs/site/assets/css/page.css
index 1cc5c4aa015..5ff56e2bbe9 100644
--- a/docs/site/assets/css/page.css
+++ b/docs/site/assets/css/page.css
@@ -772,6 +772,14 @@ body.page header .subpages a:hover {
   text-decoration: underline;
 }
 
+.pageheader a.uplink {
+  text-decoration: none;
+}
+
+.pageheader a.uplink:hover {
+  text-decoration: underline;
+}
+
 body.page .subpages a.hasChildren:after {
   content: " »";
 }
@@ -834,25 +842,16 @@ header {
   padding: 0.5em;
 }
 
-header div.navparent {
+header div.navparent .nav > div {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
-}
-
-header .navparent a.icon {
-  display: table-cell;
-  margin-top: 40;
-}
-
-header .navparent > div {
-  display: table-cell;
+  align-items: center;
 }
 
 header .title {
-  display: table-cell;
+  display: inline;
   color: white;
-  font-size: 1.5em;
 }
 
 header .nav,
diff --git a/docs/site/assets/js/cldrsite.js b/docs/site/assets/js/cldrsite.js
index ff04052cd93..1ada0ccab5f 100644
--- a/docs/site/assets/js/cldrsite.js
+++ b/docs/site/assets/js/cldrsite.js
@@ -324,21 +324,21 @@ const app = Vue.createApp(
     <div>
        <div class='status' v-if="status">{{ status }}</div>
        <div class='status' v-if="!tree">Loading…</div>
-       <a class="icon" href="http://www.unicode.org/"> <img border="0"
+       <a class="icon" href="https://www.unicode.org/"> <img border="0"
 					src="/assets/img/logo60s2.gif"  alt="[Unicode]" width="34"
 					height="33"></a>&nbsp;&nbsp;
 
-       <AncestorPages :ancestorPages="ancestorPages"/>
+       <div class="breadcrumb">
+        <AncestorPages :ancestorPages="ancestorPages"/>
 
-       <div v-if="!children || !children.length" class="title"> {{ ourTitle }} </div>
+        <div v-if="!children || !children.length" class="title"> {{ ourTitle }} </div>
 
-       <div v-else class="title" >
+        <div v-else class="title" >
 
-            {{ ourTitle }}
-
-      </div>
-        <a class="showmap" href="/sitemap">Site Map</a>
+              {{ ourTitle }}
 
+        </div>
+       </div>
     </div>`,
   },
   {