Temos um pouco mais de trabalho a fazer para terminar a área de pesquisa.
Ficamos desviados por apenas um segundo quando percebi que não adicionamos o efeito de empilhamento tridimensional à quebra de página ainda, então fazemos isso e mudamos a cor.
Em seguida, trabalhamos na área “Pesquisar em:”, que são os pequenos links onde você pode clicar para restringir a pesquisa por qual área do site. Mais tarde, faremos com que isso realmente funcione, mas obteremos a IU para isso definida aqui. Os links são em azul claro, mas o link “selecionado” fica branco e sublinhado, o que é bastante feedback sobre o qual foi selecionado.
Também adicionamos um caractere ✕ (que pegamos de CopyPasteCharacter) como um pequeno link no qual você pode clicar (ou tocar) para fechar a área de pesquisa.
Assim que tivermos o design pronto, descobrimos que abrir e fechar a área de pesquisa é um pouco estranho. As coisas se enrolam temporariamente em si mesmas quando a área de pesquisa aberta é temporariamente estreita. Para consertar, white-space: nowrap;garantimos que nada seja encerrado e que nada fique estranho oveflow: hidden;.
Eu termino dizendo que faremos os motores de busca em seguida, mas na verdade não chegaremos a isso a seguir, isso virá em torno do Vídeo # 094.