From b1bc7d51dfec434f661fe4823400b6bde27f685f Mon Sep 17 00:00:00 2001
From: Szymon Wiszczuk <golota60@gmail.com>
Date: Wed, 21 Sep 2022 19:01:35 +0200
Subject: [PATCH 1/2] fix: arrow keys behavior in modal

---
 packages/docsearch-css/src/_variables.css | 1 +
 packages/docsearch-css/src/modal.css      | 5 +++++
 2 files changed, 6 insertions(+)

diff --git a/packages/docsearch-css/src/_variables.css b/packages/docsearch-css/src/_variables.css
index d59766d95..b905e275b 100644
--- a/packages/docsearch-css/src/_variables.css
+++ b/packages/docsearch-css/src/_variables.css
@@ -16,6 +16,7 @@
   --docsearch-modal-background: rgb(245, 246, 247);
   --docsearch-modal-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, 0.5),
     0 3px 8px 0 rgba(85, 90, 100, 1);
+  --docsearch-modal-source-height: 40px;
 
   /* searchbox */
   --docsearch-searchbox-height: 56px;
diff --git a/packages/docsearch-css/src/modal.css b/packages/docsearch-css/src/modal.css
index 20b545504..9ce1e5c11 100644
--- a/packages/docsearch-css/src/modal.css
+++ b/packages/docsearch-css/src/modal.css
@@ -263,6 +263,7 @@
 }
 
 .DocSearch-Hit {
+  scroll-margin-top: 40px;
   border-radius: 4px;
   display: flex;
   padding-bottom: 4px;
@@ -305,6 +306,10 @@
 .DocSearch-Hit-source {
   background: var(--docsearch-modal-background);
   color: var(--docsearch-highlight-color);
+  height: var(--docsearch-modal-source-height);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
   font-size: 0.85em;
   font-weight: 600;
   line-height: 32px;

From e8cd7dfd3f04e1b98b5c3e24b7e9caed9c56e1b3 Mon Sep 17 00:00:00 2001
From: Szymon Wiszczuk <golota60@gmail.com>
Date: Wed, 21 Sep 2022 19:02:54 +0200
Subject: [PATCH 2/2] use var

---
 packages/docsearch-css/src/modal.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/docsearch-css/src/modal.css b/packages/docsearch-css/src/modal.css
index 9ce1e5c11..0aa04f26f 100644
--- a/packages/docsearch-css/src/modal.css
+++ b/packages/docsearch-css/src/modal.css
@@ -263,7 +263,7 @@
 }
 
 .DocSearch-Hit {
-  scroll-margin-top: 40px;
+  scroll-margin-top: var(--docsearch-modal-source-height);
   border-radius: 4px;
   display: flex;
   padding-bottom: 4px;