search

gordon-cs / gordon-360-ui

Gordon 360 User Interface
https://360.gordon.edu
16 stars 10 forks source link

Search Bar White Block #1416

Closed bennettforkner closed 1 year ago

bennettforkner commented 2 years ago

The search bar on the header component is showing up with a white rounded block inside of it on my iPhone 11 Safari app. It may take some investigation or additional CSS to change this, but it would benefit the design of the page to fix this as soon as we can.

image

cpabbot commented 2 years ago

Try adding the following: -webkit-appearance: none; -moz-appearance: none; appearance: none; (I don't have safari and cannot test)

AND/OR add background: none property to CSS class .gordon_people_search

But looks like this is caused by updates to Safari 15 (might be related to their adding more dark-theme capabilities), might be a bug that they could fix in the future. We currently have an input field that defaults to background: none on most browsers, but this now appears to default to a white background on the latest Safari version.

bennettforkner commented 1 year ago

I believe this has been resolved. Perhaps the somewhat recent MUIv5 update fixed it