Style the search bar when disabled

diff --git a/src/css/header.css b/src/css/header.css
index db9ee52..e320b0a 100644 (file)
--- a/src/css/header.css
+++ b/src/css/header.css
@@ -61,6 +61,17 @@ body {
   padding: 0 0.25em;
 }
 
+#search-input:disabled {
+  background-color: #dbdbdb;
+  /* disable cursor */
+  cursor: not-allowed;
+  pointer-events: all !important;
+}
+
+#search-input:disabled::placeholder {
+  color: #4c4c4c;
+}
+
 .navbar-burger {
   background: none;
   border: none;