mirror of
https://github.com/nunocoracao/blowfish.git
synced 2026-10-10 22:09:31 +00:00
♿️ Fix AA contrast and move mobile language selector to header row
Darken burufugu primary-600 to pass 4.5:1 on white, bump the search shortcut hint to neutral-500, and surface the language switcher in the visible mobile header row instead of the menu dialog. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
1 parent
6f493fdbb9
commit
96f11ba0e7
8 files changed
+88
-39
No files matched your search
@@ -37,7 +37,7 @@
|
||||
{{ partial "icon.html" "search" }}
|
||||
<kbd
|
||||
id="search-shortcut-hint"
|
||||
class="pointer-events-none font-sans text-xs text-neutral-400 dark:text-neutral-500"
|
||||
class="pointer-events-none font-sans text-xs text-neutral-500 dark:text-neutral-400"
|
||||
aria-hidden="true">
|
||||
⌘K
|
||||
</kbd>
|
||||
|
||||
@@ -1,5 +1,9 @@
|
||||
{{ $mobileMenuStyle := .Site.Params.header.mobileMenuStyle | default "fullscreen" }}
|
||||
<div class="relative flex items-center h-14 gap-4">
|
||||
<div class="mobile-header-row relative flex items-center h-14 gap-4">
|
||||
{{ if hugo.IsMultilingual }}
|
||||
{{ partial "header/components/translations.html" . }}
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.footer.showAppearanceSwitcher | default false }}
|
||||
<button
|
||||
id="appearance-switcher-mobile"
|
||||
@@ -165,17 +169,10 @@
|
||||
{{ end }}
|
||||
|
||||
{{ define "mobile-footer-components" }}
|
||||
{{ if or
|
||||
hugo.IsMultilingual
|
||||
.Site.Params.enableA11y
|
||||
}}
|
||||
{{ if .Site.Params.enableA11y | default false }}
|
||||
<div
|
||||
class="flex flex-wrap items-center [&_span]:text-2xl [&_.translation_button_.icon]:text-4xl! [&_.translation_button_span]:text-base! [&_.translation_.menuhide_span]:text-sm! gap-x-6 ps-2 mt-8 pt-8 border-t bf-border-color">
|
||||
{{ partial "header/components/translations.html" . }}
|
||||
|
||||
{{ if .Site.Params.enableA11y | default false }}
|
||||
{{ partial "header/components/a11y.html" (dict "prefix" "mobile-menu-") }}
|
||||
{{ end }}
|
||||
class="flex flex-wrap items-center [&_span]:text-2xl gap-x-6 ps-2 mt-8 pt-8 border-t bf-border-color">
|
||||
{{ partial "header/components/a11y.html" (dict "prefix" "mobile-menu-") }}
|
||||
</div>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
Reference in new issue
Block a user