« get me outta code hell

more nav layout tweaks - hsmusic-wiki - HSMusic - static wiki software cataloguing collaborative creation
about summary refs log tree commit diff
diff options
context:
space:
mode:
author(quasar) nebula <qznebula@protonmail.com>2022-06-21 23:26:48 -0300
committer(quasar) nebula <qznebula@protonmail.com>2022-06-21 23:26:48 -0300
commit6f1efb7e7cbb2db6344aeba6ea935eb29d2a5068 (patch)
treecabad475bcaa541508335fb948887d34570fd6bf
parent0a717fec1c1557d40f14d1715f72960d2255cc44 (diff)
more nav layout tweaks
-rw-r--r--src/page/album.js5
-rw-r--r--src/static/site.css9
2 files changed, 6 insertions, 8 deletions
diff --git a/src/page/album.js b/src/page/album.js
index 030b777..c265fdc 100644
--- a/src/page/album.js
+++ b/src/page/album.js
@@ -263,11 +263,8 @@ export function write(album, {wikiData}) {
                                 album: link.album(album, {class: 'current'})
                             })
                         },
-                        album.tracks.length > 1 && {
-                            divider: false,
-                            html: generateAlbumNavLinks(album, null, {language})
-                        },
                     ],
+                    bottomRowContent: generateAlbumNavLinks(album, null, {language}),
                     content: generateAlbumChronologyLinks(album, null, {generateChronologyLinks}),
                 },
 
diff --git a/src/static/site.css b/src/static/site.css
index 553172a..e003135 100644
--- a/src/static/site.css
+++ b/src/static/site.css
@@ -125,6 +125,7 @@ a:hover {
 
 #header.nav-has-main-links.nav-has-content {
     grid-template-columns: 2.5fr 3fr;
+    grid-template-rows: min-content 1fr;
     grid-template-areas:
         "main-links content"
         "bottom-row content";
@@ -148,6 +149,7 @@ a:hover {
 
 .nav-bottom-row {
     grid-area: bottom-row;
+    align-self: start;
 }
 
 .nav-main-links > span {
@@ -158,8 +160,7 @@ a:hover {
     font-weight: 800;
 }
 
-.nav-links-index > span:not(:first-child):not(.no-divider)::before,
-.nav-chronology-links > div.chronology:not(:last-child)::after {
+.nav-links-index > span:not(:first-child):not(.no-divider)::before {
     content: "\0020\00b7\0020";
     font-weight: 800;
 }
@@ -169,7 +170,7 @@ a:hover {
 }
 
 #header .chronology {
-    display: inline-block;
+    display: block;
 }
 
 #header .chronology .heading,
@@ -990,7 +991,7 @@ li > ul {
         display: block;
     }
 
-    #header > div {
+    #header > div:not(:first-child) {
         margin-top: 0.5em;
     }
 }