From d39635d6cf4ace361a8209e9f004f4ae8988c99a Mon Sep 17 00:00:00 2001 From: Sean Mitchell Date: Thu, 13 Nov 2025 20:11:32 -0800 Subject: [PATCH 1/2] Add logotype to nav --- app/assets/stylesheets/nav.css | 10 +++++++++- app/views/my/_menu.html.erb | 4 ++-- 2 files changed, 11 insertions(+), 3 deletions(-) diff --git a/app/assets/stylesheets/nav.css b/app/assets/stylesheets/nav.css index fda877c20..3a8836e84 100644 --- a/app/assets/stylesheets/nav.css +++ b/app/assets/stylesheets/nav.css @@ -42,11 +42,19 @@ display: grid; height: 1.5em; inline-size: 1.5em; - margin-inline-end: 0.8ch; padding: 0.325em 0.275em 0.225em 0.275em; place-content: center; width: 1.5em; } + + svg { + height: 100%; + margin-inline-start: 0.4125em; + margin-inline-end: 0.5375em; + max-height: 0.8625em; + overflow: visible; + width: auto; + } } /* Dialog diff --git a/app/views/my/_menu.html.erb b/app/views/my/_menu.html.erb index 48570e1ff..2da6d256f 100644 --- a/app/views/my/_menu.html.erb +++ b/app/views/my/_menu.html.erb @@ -3,8 +3,8 @@ action: "click->dialog#open:stop keydown.j@document->hotkey#click keydown.meta+j@document->hotkey#click keydown.ctrl+j@document->hotkey#click", controller: "hotkey" } do %> <%= image_tag "logo.png" %> - Fizzy - J + + J <% end %> <%= tag.dialog class: "nav__menu filter popup popup--animated panel margin-block-start-half", data: { From a4ada7df20990a98fdba85315de6f0e7f0a994a4 Mon Sep 17 00:00:00 2001 From: Jason Zimdars Date: Mon, 17 Nov 2025 18:01:51 -0600 Subject: [PATCH 2/2] Add logotype to public layout, too --- app/assets/stylesheets/header.css | 28 +++++++++++++++++++++++++--- app/views/layouts/public.html.erb | 6 +++--- 2 files changed, 28 insertions(+), 6 deletions(-) diff --git a/app/assets/stylesheets/header.css b/app/assets/stylesheets/header.css index 46a345d3c..59d94a0f3 100644 --- a/app/assets/stylesheets/header.css +++ b/app/assets/stylesheets/header.css @@ -82,13 +82,35 @@ .header__logo { color: var(--color-ink); + font-size: 1.2rem; inline-size: auto; margin-block-start: 0.1em; - img { + span { + background: var(--color-ink-lightest); block-size: auto; - inline-size: 1.15em; - margin-inline-end: 0.8ch; + border-radius: 0.3125em; + box-shadow: + 0 0 0 1px oklch(var(--lch-ink-darkest) / 0.1), + 0 0.1em 0.2em -0.1em oklch(var(--lch-ink-darkest) / 0.05), + 0 0.2em 0.4em -0.2em oklch(var(--lch-ink-darkest) / 0.05), + 0 0.3em 0.6em -0.3em oklch(var(--lch-ink-darkest) / 0.05) + ; + display: grid; + height: 1.5em; + inline-size: 1.5em; + padding: 0.325em 0.275em 0.225em 0.275em; + place-content: center; + width: 1.5em; + } + + svg { + height: 100%; + margin-inline-start: 0.4125em; + margin-inline-end: 0.5375em; + max-height: 0.8625em; + overflow: visible; + width: auto; } } diff --git a/app/views/layouts/public.html.erb b/app/views/layouts/public.html.erb index 2f1e2be3d..6fa51136f 100644 --- a/app/views/layouts/public.html.erb +++ b/app/views/layouts/public.html.erb @@ -6,9 +6,9 @@