Fix navbar Search text visibility and background color on scroll (#45594)

dev-johnn · web-flow · commit df0239c5483e · 2024-03-19T09:35:47.000-07:00
* Fix search text

* Fix search text

* Fix search text
diff --git a/assets/scss/_custom.scss b/assets/scss/_custom.scss
@@ -239,11 +239,17 @@ body.td-404 main .error-details {
   }
 }
 
+.search-item.nav-item {
+    input, input::placeholder {
+      color: black;
+  }
+}
+
 .flip-nav .search-item {
-  .td-search-input {
+  .td-search-input, .search-bar {
     background-color: $medium-grey;
   }
-  input, textarea {
+  input, input::placeholder, .search-icon {
     color: white;
   }
   textarea:focus, input:focus {
@@ -1069,4 +1075,4 @@ div.alert > em.javascript-required {
   border: none;
   outline: none;
   padding: .5em 0 .5em 0;
-}
+}

Original file line number	Diff line number	Diff line change
`@@ -239,11 +239,17 @@ body.td-404 main .error-details {`
`239`	`239`	`}`
`240`	`240`	`}`
`241`	`241`
	`242`	`+.search-item.nav-item {`
	`243`	`+ input, input::placeholder {`
	`244`	`+ color: black;`
	`245`	`+ }`
	`246`	`+}`
	`247`	`+`
`242`	`248`	`.flip-nav .search-item {`
`243`		`- .td-search-input {`
	`249`	`+ .td-search-input, .search-bar {`
`244`	`250`	`background-color: $medium-grey;`
`245`	`251`	`}`
`246`		`- input, textarea {`
	`252`	`+ input, input::placeholder, .search-icon {`
`247`	`253`	`color: white;`
`248`	`254`	`}`
`249`	`255`	`textarea:focus, input:focus {`
`@@ -1069,4 +1075,4 @@ div.alert > em.javascript-required {`
`1069`	`1075`	`border: none;`
`1070`	`1076`	`outline: none;`
`1071`	`1077`	`padding: .5em 0 .5em 0;`
`1072`		`-}`
	`1078`	`+}`