From a0de1670416b60e3cfa9381ce3dab37e70c1d857 Mon Sep 17 00:00:00 2001
From: Kuuuube <61125188+Kuuuube@users.noreply.github.com>
Date: Sat, 22 Jun 2024 00:38:13 -0400
Subject: Make search header sticky (#1114)

* Make search header sticky

* Fix progress bar location
---
 ext/css/display.css | 14 ++++++++++++++
 ext/css/search.css  |  2 +-
 2 files changed, 15 insertions(+), 1 deletion(-)

(limited to 'ext/css')

diff --git a/ext/css/display.css b/ext/css/display.css
index 2ae7eab0..68f7bf11 100644
--- a/ext/css/display.css
+++ b/ext/css/display.css
@@ -575,10 +575,24 @@ button.sidebar-button.sidebar-button-highlight {
 
 
 /* Search page */
+.search-header-wrapper {
+    background-color: var(--background-color);
+    width: 100%;
+    display: flex;
+    justify-content: center;
+}
+.sticky-header {
+    position: sticky;
+    top: 0px;
+    z-index: 1000;
+    padding-top: 10px;
+}
 .search-header {
+    width: var(--content-width);
     display: flex;
     flex-flow: column nowrap;
     max-height: 100vh;
+    padding: var(--main-content-vertical-padding) var(--main-content-horizontal-padding);
 }
 #query-parser-container {
     overflow-y: auto;
diff --git a/ext/css/search.css b/ext/css/search.css
index 808a7045..fac8de60 100644
--- a/ext/css/search.css
+++ b/ext/css/search.css
@@ -134,7 +134,7 @@ h1 {
 .search-options {
     display: flex;
     flex-flow: row wrap;
-    margin: 0.5em 0;
+    margin: 0.5em 0 0 0;
     align-items: center;
 }
 .search-option {
-- 
cgit v1.2.3