खोज क्षेत्र को पूरा करने के लिए हमारे पास थोड़ा और काम है।
हम सिर्फ एक सेकंड के लिए अलग हो जाते हैं क्योंकि मुझे लगता है कि हमने पेज रैप के लिए तीन आयामी स्टैकिंग प्रभाव को अभी तक नहीं जोड़ा है, इसलिए हम ऐसा करते हैं और रंग बदलते हैं।
फिर हम "खोज इन:" क्षेत्र पर काम करते हैं, जो कि छोटे लिंक हैं जहां आप साइट के किस क्षेत्र द्वारा खोज को कम करने के लिए क्लिक कर सकते हैं। बाद में हम इसे वास्तव में काम करेंगे, लेकिन हम इसे यहां सेट करने के लिए UI प्राप्त करेंगे। लिंक हल्के नीले रंग के होते हैं, लेकिन "चयनित" लिंक सफेद हो जाता है और रेखांकित हो जाता है, जिस पर बहुत सारे फीडबैक का चयन किया जाता है।
हम एक (वर्ण भी जोड़ते हैं (जिसे हम CopyPasteCharacter से लाते हैं) एक छोटी सी कड़ी के रूप में आप खोज क्षेत्र को बंद करने के लिए (या टैप) कर सकते हैं।
एक बार जब हमारे पास सभी सेट डिज़ाइन होते हैं, तो हम पाते हैं कि खोज क्षेत्र को खोलना और बंद करना थोड़ा अजीब है। जब खुले खोज क्षेत्र अस्थायी रूप से संकीर्ण हो जाते हैं तो चीजें अस्थायी रूप से खुद पर लपेट लेती हैं। इसे ठीक करने के लिए, हम यह सुनिश्चित करते हैं कि कुछ भी नहीं लपेटता है white-space: nowrap;और यह सुनिश्चित करता है कि कुछ भी अजीब न हो oveflow: hidden;।
मैं इसे यह कहते हुए समाप्त करता हूं कि हम खोज इंजन आगे बनाएंगे, लेकिन हम वास्तव में इसके आगे नहीं पहुंचते हैं, यह वीडियो # 094 के आसपास आ जाएगा।