CLDR-18001 site: updates to top title

- related to CLDR-18017 - suppress redundant h1 (#), but add centered title - suppress title from ToC. Hide ToC if empty.
unicode-org · Oct 10, 2024 · b41632c · b41632c
1 parent d55f4a5
commit b41632c
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 32 deletions.
diff --git a/docs/site/assets/css/page.css b/docs/site/assets/css/page.css
@@ -808,23 +808,21 @@ body.page .subpages a.hasChildren:after {
 }
 
 /* these are the ToC entries in the sidebar, according to what element they came from originally. */
-.pagecontents .headingH1 {
-  margin-left: 0em;
-}
+.pagecontents .headingH1,
 .pagecontents .headingH2 {
-  margin-left: 1em;
+  margin-left: 0em;
 }
 .pagecontents .headingH3 {
-  margin-left: 2em;
+  margin-left: 1em;
 }
 .pagecontents .headingH4 {
-  margin-left: 3em;
+  margin-left: 2em;
 }
 .pagecontents .headingH5 {
-  margin-left: 4em;
+  margin-left: 3em;
 }
 .pagecontents .headingH6 {
-  margin-left: 5em;
+  margin-left: 4em;
 }
 
 header {
@@ -908,6 +906,10 @@ div.sitemap {
   padding-left: 0.25em;
 }
 
+.topTitle {
+  display: none;
+}
+
 div.sitemap {
   height: 90%;
 }
@@ -1010,6 +1012,14 @@ div > header {
   display: none !important;
 }
 
+section.body h1.title {
+  text-align: center;
+}
+
+section.body h1.redundantTitle {
+  display: none;
+}
+
 section.body h1 {
   font-size: 2em;
   line-height: 1.2;

diff --git a/docs/site/assets/js/cldrsite.js b/docs/site/assets/js/cldrsite.js
@@ -330,14 +330,7 @@ const app = Vue.createApp(
 
        <AncestorPages :ancestorPages="ancestorPages"/>
 
-       <div v-if="!children || !children.length" class="title"> {{ ourTitle }} </div>
-
-       <div v-else class="title" >
-
-            {{ ourTitle }}
-
-      </div>
-        <a class="showmap" href="/sitemap">Site Map</a>
+       <a class="showmap" href="/sitemap">Site Map</a>
 
     </div>`,
   },
@@ -489,23 +482,10 @@ if (myPath === "sitemap.html") {
               style: `heading${tagName}`,
             })
           );
-          if (!objects?.length) return null;
-          if (objects[0].title === this.ourTitle) {
-            // redundant title - change the link to go to the entire page
-            objects[0].style = "headingH1 topTitle";
-            objects[0].href = "";
-          } else {
-            // synthesize a title entry in the ToC
-            objects = [
-              {
-                title: this.ourTitle,
-                href: "",
-                children: null,
-                style: "headingH1 topTitle",
-              },
-              ...objects,
-            ];
+          if (objects[0]?.title === this.ourTitle) {
+            objects = objects.slice(1);
           }
+          if (!objects?.length) return null;
           return objects;
         },
         ourTitle() {
@@ -521,9 +501,12 @@ if (myPath === "sitemap.html") {
         },
       },
       template: `
+      <div>
       <div class="navBar" v-if="contents || (children.length)">
         <PageContents v-if="contents" :children="contents" />
         <SubPagesPopup v-if="children.length" :children="children"/>
+      </div>
+      <h1 class="title">{{ ourTitle }}</h1>
       </div>`,
     },
     {