From 544eb72e6006bed927c58cc16a5cc6f1aa76e183 Mon Sep 17 00:00:00 2001
From: Jorran de Wit <jorrandewit@outlook.com>
Date: Mon, 15 May 2017 22:17:47 +0200
Subject: [PATCH] Improve header searchform
---
scipost/static/scipost/assets/css/_form.scss | 22 ++++++++++++++++++++
scipost/templates/scipost/navbar.html | 2 +-
2 files changed, 23 insertions(+), 1 deletion(-)
diff --git a/scipost/static/scipost/assets/css/_form.scss b/scipost/static/scipost/assets/css/_form.scss
index 46777f809..c281091a6 100644
--- a/scipost/static/scipost/assets/css/_form.scss
+++ b/scipost/static/scipost/assets/css/_form.scss
@@ -42,3 +42,25 @@ input[type="file"] {
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.15rem;
}
+
+.search-nav-form {
+ input {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ margin-right: 0 !important;
+ border-right: 0;
+ border-color: #ddd;
+ }
+
+ button {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ border-color: #ddd !important;
+ outline: 0;
+
+ &:hover {
+ background-color: inherit;
+ box-shadow: inset 0px 0px 6px 1px #fff;
+ }
+ }
+}
diff --git a/scipost/templates/scipost/navbar.html b/scipost/templates/scipost/navbar.html
index e7ddeed5d..dddf3e20a 100644
--- a/scipost/templates/scipost/navbar.html
+++ b/scipost/templates/scipost/navbar.html
@@ -37,7 +37,7 @@
{% endif %}
</ul>
- <form action="{% url 'scipost:search' %}" method="get" class="form-inline">
+ <form action="{% url 'scipost:search' %}" method="get" class="form-inline search-nav-form">
<input class="form-control mr-2 mb-0" id="id_q" maxlength="100" name="q" type="text" required="">
<button class="btn btn-outline-secondary text-muted" type="submit">Search</button>
</form>
--
GitLab