From e91c6b6c5a63e99412476b91a3f442fb3bcf998f Mon Sep 17 00:00:00 2001 From: "Felix W. Dekker" Date: Sun, 3 May 2020 19:05:03 +0200 Subject: [PATCH] Add placeholder for logo in navbar --- src/main/css/nav.css | 10 +++++++--- src/main/js/Template.js | 2 +- 2 files changed, 8 insertions(+), 4 deletions(-) diff --git a/src/main/css/nav.css b/src/main/css/nav.css index 99fcc1a..5ed1408 100644 --- a/src/main/css/nav.css +++ b/src/main/css/nav.css @@ -10,6 +10,7 @@ .nav * { z-index: 10; + vertical-align: middle; } .nav a { @@ -18,7 +19,6 @@ padding: calc(var(--padding)) calc(var(--padding)); width: 100%; - vertical-align: middle; color: white; } @@ -44,13 +44,17 @@ background-color: var(--fwdekker-theme-color-dark); } -.nav img.logo { - margin-right: calc(1em / 3); +.nav .logo { + width: calc(1em + var(--padding)); height: calc(1em + var(--padding)); vertical-align: middle; filter: brightness(0) invert(1); } +.nav div.logo { + display: inline-block; + margin-right: calc(1em / 3); +} .nav ul li ul { diff --git a/src/main/js/Template.js b/src/main/js/Template.js index 494d639..0a64ee6 100644 --- a/src/main/js/Template.js +++ b/src/main/js/Template.js @@ -40,7 +40,7 @@ export const nav = function () { return h("nav.nav", h("ul", h("li", h("a", {href: "https://fwdekker.com/"}, - h("img.logo", {src: "https://fwdekker.com/favicon.png"}), + h("div.logo", h("img.logo", {src: "https://fwdekker.com/favicon.png"})), h("b", "FWDekker") )), h("li", h("a", {href: "#", innerHTML: "Tools ▾"}),