CLDR-18001 site: sidebar visual update

unicode-org · Oct 9, 2024 · 761c87c · 761c87c
1 parent 6a80618
commit 761c87c
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 13 deletions.
diff --git a/docs/site/assets/css/page.css b/docs/site/assets/css/page.css
@@ -789,6 +789,22 @@ body.page header .subpages a:hover {
   border: 1pt solid #99f;
 }
 
+.navBar .subpages {
+  list-style:none;
+  margin:0.3em;
+  padding:0;
+}
+
+.navBar .subpages li {
+  /* hanging indent if the subpage content wraps */
+  padding-left: 1em;
+  text-indent: -1em;
+}
+
+.subpages .hasChildren {
+  float: right;
+}
+
 header {
   width: "100%";
   background-color: #5555ff;
@@ -866,13 +882,6 @@ div.submap {
   padding-left: 0.5em;
 }
 
-div.subpages > .hamburger {
-  position: absolute;
-  right: 1em;
-  top: 1em;
-  color: darkslateblue;
-}
-
 div.sitemap {
   height: 90%;
 }
@@ -882,11 +891,6 @@ div.sitemap > div.submap {
   overflow-y: scroll;
 }
 
-.subpages .hamburger:hover {
-  color: gray;
-  text-shadow: 1px 1px 3px gray;
-}
-
 header .nav ul b {
   color: gray;
 }

diff --git a/docs/site/assets/js/cldrsite.js b/docs/site/assets/js/cldrsite.js
@@ -87,7 +87,7 @@ const SubPagesPopup = {
               <li v-for="subpage of children" :key="subpage.path">
                   <a v-bind:href="subpage.href">
                       {{ subpage.title }}
-                       <span class="hamburger" v-if="subpage.children">❱</span>
+                       <span class="hasChildren" v-if="subpage.children">❱</span>
                   </a>
               </li>
           </ul>