From 0a717fec1c1557d40f14d1715f72960d2255cc44 Mon Sep 17 00:00:00 2001 From: "(quasar) nebula" Date: Tue, 21 Jun 2022 23:13:05 -0300 Subject: fix nav wrapping issues at small widths --- src/upd8.js | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) (limited to 'src/upd8.js') diff --git a/src/upd8.js b/src/upd8.js index d1077fbb..d9bca28f 100755 --- a/src/upd8.js +++ b/src/upd8.js @@ -1013,12 +1013,17 @@ writePage.html = (pageInfo, { const navHTML = html.tag('nav', { [html.onlyIfContent]: true, id: 'header', - class: nav.classes + class: [ + ...nav.classes, + links.length && 'nav-has-main-links', + nav.content && 'nav-has-content', + nav.bottomRowContent && 'nav-has-bottom-row', + ], }, [ links.length && html.tag('div', {class: ['nav-main-links', ...nav.linkContainerClasses]}, navLinkParts), - html.tag('div', {class: 'nav-content'}, nav.content), + nav.content && html.tag('div', {class: 'nav-content'}, nav.content), nav.bottomRowContent && html.tag('div', {class: 'nav-bottom-row'}, nav.bottomRowContent), ]); -- cgit 1.3.0-6-gf8a5