Заранее извиняюсь, развидеть это будет очень сложно 🙈.
На днях увидел в твиттере этот пример с главной YouTube и до сих пор не могу отойти. Воистину, меньше знаешь - крепче спишь.
YouTube search bar
Вот есть текстовое поле в котором написано "Поиск", рядом с ним кнопка с лупой, чтобы всем было понятно, что по введённому тексту можно что-то поискать.
Этого ведь мало, да? Вы решаете добавить в активном состоянии текстового поля иконку лупы ещё и слева. То есть, поле расширяется налево на величину этой иконки с отступами. Зачем? Почему? Почему я вижу это на одной из самых популярных страниц в интернете?
Ещё накинем:
- Почему фоны кнопок с лупой, микрофоном и остальных отличаются? Серый / Очень тёмный / Прозрачный. На светлой теме есть только серый и прозрачный.
- Почему цвет самих иконок лупы и микрофона отличается? Микрофон белый, лупа не совсем.
- Почему у кнопки с лупой не изменяется фон на ховер как у остальных? Это же самая популярная кнопка во всей верхней строке наверняка. На светлой теме он есть.
- Почему крестик, очищающего текстовое поле, в активном состоянии поля левее на пиксель, чем в неактивном?
- Почему у всех этих кнопок на ховер появляются тултипы на разной высоте при том что сами кнопки на одной высоте?
Я могу продолжать бесконечно. Так много вопросов и так мало ответов.