Make the search and options bar stick to top of screen on scroll

RoxyRoxyRoxy

I use custom CSS that makes the bar stick to the top of the screen when I scroll down, as can be seen below:

This is super handy and is similar to functionality on most other search engines. While testing something with my custom CSS turned off I was very surprised that this wasn't native to Kagi. I think it would be good for default users to have this be implemented. It provides quick and easy access to search options, quick settings, the app picker, and the search box, all without scrolling up.

JSBmanD

Usually when you are trying to find some image you go all the way down and after correct request. As of now I need to scroll back up to edit text so it will be useful to just see the scroll bar.

Google way is pretty solid, nice reference

RoxyRoxyRoxy

JSBmanD Hey @JSBmanD, I went ahead and merged your request into one I'd actually made a while back (great minds think alike 😉)
In the meantime I've actually adapted the CSS my custom theme uses for you, in case you want a bit of a quick'n'dirty solution:
.app-header.app-content-box{position:sticky;top:0;z-index:114;background:var(--primary-25);}

You can just paste that into your custom CSS page and apply it, you'll get a nice sticky search bar!

RoxyRoxyRoxy

Just as an update this has been debated in the past and we decided to forego it for now; it adds a bit more complexity than it's worth. In case you didn't know you can press the forward slash to quickly jump back up to the query :)
That little CSS hack should work though, and I can pretty it up a little if you'd like :P
I'll leave this open for some discussion in case anyone else wants to chime in.