CLDR-18006 site: updates to top bar (#4124)

unicode-org · Oct 10, 2024 · fa0caa7 · fa0caa7
1 parent 3e3e5ad
commit fa0caa7
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 31 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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>`,
   },
   {