# 037: Търсене на сгради, част 3 - CSS-трикове

Anonim

Предстои ни още малко работа, за да завършим областта за търсене.

Отклоняваме се само за секунда, тъй като забелязвам, че все още не сме добавили афекта от триизмерното подреждане към обвиването на страницата, така че правим това и променяме оцветяването.

След това работим върху областта „Търсене в:“, които са малките връзки, където можете да щракнете, за да стесните търсенето по каква област на сайта. По-късно ще направим това действително да работи, но ще получим потребителския интерфейс за него, зададен тук. Връзките са светлосини, но “избраната” връзка става бяла и се подчертава, което е много отзиви за избраната.

Също така добавяме символ ✕ (който хващаме от CopyPasteCharacter) като малка връзка, върху която можете да щракнете (или докоснете), за да затворите областта за търсене.

След като сме готови с дизайна, откриваме, че отварянето и затварянето на областта за търсене е малко неудобно. Нещата временно се обвиват, когато отворената зона за търсене е временно тясна. За да го поправим, се уверяваме, че нищо не се увива white-space: nowrap;и гарантираме, че нищо не стърчи странно oveflow: hidden;.

Завършвам с това, че следващите ще направим търсачките, но всъщност не стигаме до тях, това ще се появи около видео # 094.