# 037: Пошук будівель, частина 3 - CSS-хитрощі

Anonim

Нам потрібно зробити ще трохи роботи, щоб закінчити область пошуку.

Ми потрапляємо в сторону лише секунду, оскільки я помічаю, ми ще не додали афект тривимірного укладання в обгортку сторінки, тому робимо це і змінюємо забарвлення.

Потім ми працюємо над областю «Шукати в:», це маленькі посилання, за якими ви можете натиснути, щоб звузити пошук за якою ділянкою сайту. Пізніше ми змусимо це насправді працювати, але ми отримаємо інтерфейс для цього, встановлений тут. Посилання мають світло-блакитний колір, але “вибране” посилання стає білим і підкреслюється, що має безліч відгуків про вибране.

Ми також додаємо символ ✕ (який ми забираємо з CopyPasteCharacter) як маленьке посилання, яке ви можете натиснути (або торкнутися), щоб закрити область пошуку.

Після того, як ми все налаштували, ми виявляємо, що відкривати і закривати область пошуку трохи незручно. Речі тимчасово загортаються, коли відкрита область пошуку тимчасово вузька. Щоб це виправити, ми переконуємось, що нічого не обгортається, white-space: nowrap;і переконуємось, що нічого дивного не стирчить oveflow: hidden;.

Я закінчую тим, що ми зробимо пошукові системи наступними, але насправді ми не дійдемо до них далі, це з’явиться навколо Відео # 094.