[camel-website] 08/13: update: updated search bar stying

[zr...@apache.org]

This is an automated email from the ASF dual-hosted git repository.

zregvart pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/camel-website.git

commit 46e5efc568a19c44c9d5d06bd089bbad20eae50e
Author: nayananga@ubuntu <na...@gmail.com>
AuthorDate: Mon Mar 2 01:53:17 2020 +0530

    update: updated search bar stying
---
 antora-ui-camel/src/css/header.css | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/antora-ui-camel/src/css/header.css b/antora-ui-camel/src/css/header.css
index 6384833..3cd0d76 100644
--- a/antora-ui-camel/src/css/header.css
+++ b/antora-ui-camel/src/css/header.css
@@ -311,11 +311,22 @@ body {
   background: no-repeat 0.2rem/1.2rem url(../img/search.svg);
 }
 
+.navbar-search input:focus-within {
+  transform: scale(1.025);
+  border-bottom: 1px solid #ed8225;
+
+  @media screen and (prefers-reduced-motion: reduce) {
+    box-shadow: none;
+    transform: none;
+  }
+}
+
 #search_results {
   top: 3rem;
   background: #fffe;
   padding: 0.5rem;
   text-align: left;
+  box-shadow: 0.1px 0.2em 2.5em #c4c4c4;
 }
 
 .results-hidden #search_results {