# 037: Căutare clădiri, partea 3 - CSS-Tricks

Anonim

Mai avem ceva de făcut pentru a termina zona de căutare.

Ne retragem doar o secundă, deoarece observ că nu am adăugat încă aspectul de stivuire tridimensională la învelirea paginii, așa că facem acest lucru și schimbăm culoarea.

Apoi lucrăm la zona „Căutare în:”, care sunt micile legături unde puteți face clic pentru a restrânge căutarea în funcție de ce zonă a site-ului. Mai târziu vom face acest lucru efectiv, dar vom obține interfața de utilizare pentru aceasta setată aici. Link-urile sunt de un albastru deschis, dar linkul „selectat” devine alb și se subliniază, ceea ce reprezintă o mulțime de feedback despre care este selectat.

Adăugăm și un caracter ✕ (pe care îl captăm din CopyPasteCharacter) ca un mic link pe care puteți face clic (sau atinge) pentru a închide zona de căutare.

Odată ce designul este setat, descoperim că deschiderea și închiderea zonei de căutare este puțin ciudată. Lucrurile se înfășoară temporar asupra lor când zona de căutare deschisă este temporar îngustă. Pentru a remedia problema, ne asigurăm că nimic nu se încheie white-space: nowrap;și nu ne asigurăm că nimic nu iese ciudat oveflow: hidden;.

Închei spunând că vom face motoarele de căutare în continuare, dar nu vom ajunge la asta în continuare, asta va apărea în jurul videoclipului # 094.