diff options
| author | Kuuuube <61125188+Kuuuube@users.noreply.github.com> | 2024-06-22 00:38:13 -0400 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-06-22 04:38:13 +0000 |
| commit | a0de1670416b60e3cfa9381ce3dab37e70c1d857 (patch) | |
| tree | 21b79053d08915ad1dcff4905f315890cecb7a22 /ext/css | |
| parent | 079603c1f65ac2eb85861ad8d8fd10b6db315e11 (diff) | |
Make search header sticky (#1114)
* Make search header sticky
* Fix progress bar location
Diffstat (limited to 'ext/css')
| -rw-r--r-- | ext/css/display.css | 14 | ||||
| -rw-r--r-- | ext/css/search.css | 2 |
2 files changed, 15 insertions, 1 deletions
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 { |