From 6ce483ae453c8a4b10bbbf89011de942f69ee58d Mon Sep 17 00:00:00 2001
From: Norwin <noerw@noreply.gitea.io>
Date: Sun, 31 Jul 2022 09:44:20 +0800
Subject: [PATCH] Add optional navbar search (for docs.gitea.io) (#112)

Reviewed-on: https://gitea.com/gitea/theme/pulls/112
Reviewed-by: Lunny Xiao <xiaolunwen@gmail.com>
Reviewed-by: John Olheiser <john+gitea@jolheiser.com>
Co-authored-by: Norwin <noerw@noreply.gitea.io>
Co-committed-by: Norwin <noerw@noreply.gitea.io>
---
 layouts/partials/navbar.html |  6 ++++++
 src/main.scss                | 16 ++++++++++++++++
 2 files changed, 22 insertions(+)

diff --git a/layouts/partials/navbar.html b/layouts/partials/navbar.html
index e020046..0dfcf8c 100644
--- a/layouts/partials/navbar.html
+++ b/layouts/partials/navbar.html
@@ -4,6 +4,12 @@
 			<a class="navbar-item" href="{{ .Site.BaseURL }}">
 				<img src="{{ .Site.BaseURL }}images/gitea.png" alt="{{ .Site.Title }}">
 			</a>
+			{{ if eq .Site.Params.search "nav" }}
+				<!-- this works together with assets/js/search.js from the docs.gitea.io -->
+				<form action="{{ "search" | absLangURL }}">
+					<input id="search-query" name="s" placeholder="Search" />
+				</form>
+			{{ end }}
 			<span class="navbar-burger burger" data-target="navMenu" aria-label="menu" aria-expanded="false">
               <span></span>
               <span></span>
diff --git a/src/main.scss b/src/main.scss
index 20ad886..401c57e 100644
--- a/src/main.scss
+++ b/src/main.scss
@@ -58,6 +58,18 @@
   }
 }
 
+.navbar .navbar-brand {
+  align-items: center;
+  justify-content: space-between;
+  flex-grow: 1;
+  input {
+    height: 50%;
+    padding: 0.3rem;
+    margin-right: 0.75rem;
+  }
+}
+
+
 // Mobile Styles
 
 .navbar {
@@ -77,6 +89,10 @@
 }
 
 @media screen and (max-width:1023px){
+  .navbar .navbar-brand {
+    justify-content: initial;
+  }
+
   .navbar-menu{
     position: fixed;
     bottom: 0;