From 570e9c5764872c6f6e707f566dfc21c9e411b0bd Mon Sep 17 00:00:00 2001 From: "Florine W. Dekker" Date: Wed, 23 Nov 2022 11:59:50 +0100 Subject: [PATCH] Add navbar shadows Fixes #32. --- package.json | 2 +- src/main/css/snippets/nav.css | 6 ++++-- src/main/js/Template.ts | 2 ++ src/test/index.html | 2 +- 4 files changed, 8 insertions(+), 4 deletions(-) diff --git a/package.json b/package.json index af25f38..0f914d0 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@fwdekker/template", - "version": "3.3.3", + "version": "3.3.4", "description": "The base template for pages on fwdekker.com.", "author": "Florine W. Dekker", "license": "MIT", diff --git a/src/main/css/snippets/nav.css b/src/main/css/snippets/nav.css index 5c1359f..b86a940 100644 --- a/src/main/css/snippets/nav.css +++ b/src/main/css/snippets/nav.css @@ -1,6 +1,7 @@ /* Base elements */ nav.fwd-nav { - border-bottom: 1px solid #ccc; + --fwd-nav-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75); + box-shadow: var(--fwd-nav-box-shadow); } nav.fwd-nav > ul { @@ -34,8 +35,9 @@ nav.fwd-nav ul ul { position: absolute; top: 100%; left: 0; - margin: 0; + + box-shadow: var(--fwd-nav-box-shadow); } nav.fwd-nav li:where(:active, :focus-within, :hover) > ul { diff --git a/src/main/js/Template.ts b/src/main/js/Template.ts index 20dd830..a92d6d5 100644 --- a/src/main/js/Template.ts +++ b/src/main/js/Template.ts @@ -221,6 +221,8 @@ function footerLink(prefix: string, text: string | null | undefined, url: string * not a valid value as a parameter for that function, its value is considered `undefined`. */ doAfterLoad(() => { + $("html")!.dataset["theme"] = "light"; + const navTarget = $(getMetaProperty("fwd:nav:target")); if (navTarget != null) { navTarget.parentElement?.replaceChild( diff --git a/src/test/index.html b/src/test/index.html index d8c760b..c489611 100644 --- a/src/test/index.html +++ b/src/test/index.html @@ -1,5 +1,5 @@ - +