From af81ad38fd26c375c0372718fd3e152b7f1a0fa6 Mon Sep 17 00:00:00 2001 From: HiDeoo Date: Tue, 18 Jun 2024 18:55:07 +0200 Subject: Fix search modal height in Safari (#2028) --- .changeset/curly-swans-clean.md | 5 +++++ packages/starlight/components/Search.astro | 3 ++- 2 files changed, 7 insertions(+), 1 deletion(-) create mode 100644 .changeset/curly-swans-clean.md diff --git a/.changeset/curly-swans-clean.md b/.changeset/curly-swans-clean.md new file mode 100644 index 00000000..c8742cde --- /dev/null +++ b/.changeset/curly-swans-clean.md @@ -0,0 +1,5 @@ +--- +'@astrojs/starlight': patch +--- + +Fixes a search dialog height issue in Safari. diff --git a/packages/starlight/components/Search.astro b/packages/starlight/components/Search.astro index a565ef42..926583eb 100644 --- a/packages/starlight/components/Search.astro +++ b/packages/starlight/components/Search.astro @@ -197,7 +197,7 @@ const pagefindTranslations = { box-shadow: var(--sl-shadow-lg); } dialog[open] { - display: grid; + display: flex; } dialog::backdrop { @@ -208,6 +208,7 @@ const pagefindTranslations = { .dialog-frame { flex-direction: column; + flex-grow: 1; gap: 1rem; padding: 1rem; } -- cgit