From f3fe313ce909dda683f2201f1dce1a3b20863e39 Mon Sep 17 00:00:00 2001
From: chuckrincon <chuckrincon@gmail.com>
Date: Mon, 9 Dec 2019 18:52:11 -0600
Subject: [PATCH 1/4] Documentation: Add slash key event to focus the input
 search.

---
 site/assets/js/search.js | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/site/assets/js/search.js b/site/assets/js/search.js
index bb97c5cf80c1..e9d4030702b2 100644
--- a/site/assets/js/search.js
+++ b/site/assets/js/search.js
@@ -12,6 +12,14 @@
   var inputElement = document.getElementById('search-input')
   var siteDocsVersion = inputElement.getAttribute('data-docs-version')
 
+  document.addEventListener('keydown', function (event) {
+    if (event.key === '/') {
+      event.preventDefault()
+
+      inputElement.focus()
+    }
+  })
+
   function getOrigin() {
     var location = window.location
     var origin = location.origin

From 3deeb6f2b437f553f3970e31c63bb17e3e3c9f09 Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Fri, 18 Sep 2020 16:19:04 -0700
Subject: [PATCH 2/4] Add little tag for keyboard shortcut in the search field

---
 site/assets/scss/_subnav.scss | 32 +++++++++++++++++++++++++++++---
 1 file changed, 29 insertions(+), 3 deletions(-)

diff --git a/site/assets/scss/_subnav.scss b/site/assets/scss/_subnav.scss
index 566bc17fdc27..15167e5e7112 100644
--- a/site/assets/scss/_subnav.scss
+++ b/site/assets/scss/_subnav.scss
@@ -25,9 +25,35 @@
 }
 
 .bd-search {
-  .form-control:focus {
-    border-color: $bd-purple-bright;
-    box-shadow: 0 0 0 3px rgba($bd-purple-bright, .25);
+  position: relative;
+
+  &::after {
+    position: absolute;
+    top: .4rem;
+    right: .4rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 1.5rem;
+    height: 1.5rem;
+    @include font-size(.75rem);
+    color: $gray-600;
+    content: "/";
+    border: $border-width solid $border-color;
+    @include border-radius();
+  }
+
+  @include media-breakpoint-down(md) {
+    width: 100%;
+  }
+
+  .form-control {
+    padding-right: 2.25rem;
+
+    &:focus {
+      border-color: $bd-purple-bright;
+      box-shadow: 0 0 0 3px rgba($bd-purple-bright, .25);
+    }
   }
 }
 

From 40882cfdd2fcb1209204c0a57395e50c41946237 Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Tue, 27 Oct 2020 20:42:07 -0700
Subject: [PATCH 3/4] Use ctrl / as keyboard shortcut

---
 site/assets/js/search.js      | 7 +++----
 site/assets/scss/_subnav.scss | 9 +++++----
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/site/assets/js/search.js b/site/assets/js/search.js
index e9d4030702b2..c11042d7b1f0 100644
--- a/site/assets/js/search.js
+++ b/site/assets/js/search.js
@@ -12,10 +12,9 @@
   var inputElement = document.getElementById('search-input')
   var siteDocsVersion = inputElement.getAttribute('data-docs-version')
 
-  document.addEventListener('keydown', function (event) {
-    if (event.key === '/') {
-      event.preventDefault()
-
+  document.addEventListener('keydown', function (e) {
+    if (e.ctrlKey && e.key === '/') {
+      e.preventDefault()
       inputElement.focus()
     }
   })
diff --git a/site/assets/scss/_subnav.scss b/site/assets/scss/_subnav.scss
index 15167e5e7112..c23d96a49b26 100644
--- a/site/assets/scss/_subnav.scss
+++ b/site/assets/scss/_subnav.scss
@@ -34,13 +34,14 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    width: 1.5rem;
     height: 1.5rem;
+    padding-right: .25rem;
+    padding-left: .25rem;
     @include font-size(.75rem);
     color: $gray-600;
-    content: "/";
+    content: "Ctrl + /";
     border: $border-width solid $border-color;
-    @include border-radius();
+    @include border-radius(.125rem);
   }
 
   @include media-breakpoint-down(md) {
@@ -48,7 +49,7 @@
   }
 
   .form-control {
-    padding-right: 2.25rem;
+    padding-right: 3.75rem;
 
     &:focus {
       border-color: $bd-purple-bright;

From fba24000feb82f7e526b474ae16fa8b0812d48f3 Mon Sep 17 00:00:00 2001
From: XhmikosR <xhmikosr@gmail.com>
Date: Sun, 1 Nov 2020 07:44:27 +0200
Subject: [PATCH 4/4] Update search.js

---
 site/assets/js/search.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/site/assets/js/search.js b/site/assets/js/search.js
index c11042d7b1f0..823dcb10a76e 100644
--- a/site/assets/js/search.js
+++ b/site/assets/js/search.js
@@ -12,9 +12,9 @@
   var inputElement = document.getElementById('search-input')
   var siteDocsVersion = inputElement.getAttribute('data-docs-version')
 
-  document.addEventListener('keydown', function (e) {
-    if (e.ctrlKey && e.key === '/') {
-      e.preventDefault()
+  document.addEventListener('keydown', function (event) {
+    if (event.ctrlKey && event.key === '/') {
+      event.preventDefault()
       inputElement.focus()
     }
   })