Панель підказок пошуку

Панель стоїть тут наживо, з усіма своїми оголошеннями, включно з position: fixed - її ловить сцена .kp-stage: трансформований предок стає контейнером для фіксованого нащадка. Перша редакція цієї сторінки показувала панель без скрима й без самої панелі, «щоб було видно на місці», і холостий контроль одразу сказав, що два власні класи лише названі словами. Сторінка компонента, яка не може показати свій компонент, доводить не більше за коментар.

• Тільки під полем пошуку. Кожен рядок ВЕДЕ - до запиту, до товару, до категорії
• Не меню. menu.css несе власне антиправило: «не роби меню з того, що веде»
• Не оверлей каталогу. cat-overlay.css існує лише нижче 860

• Спершу телефон. Сірий блок малює випадну панель і скасовує її під 560. Тут навпаки: шит - звичайний випадок, випадна панель - підсилення від 620. 560 у реєстрі точок немає, 620 є
• Верх - це ВІДНОШЕННЯ, не 96. Панель висить під шапкою, а висоту шапки називає --dr-top ще відколи її потребувала шухляда
• Скрим не з overlay.css. .wf-ov - це скрим із нулем дітей на z 60; панель на 41 опинилась би ПІД ним
• .ov-cb - не чип. Чип - це іменник, який натискають, щоб відфільтрувати; це підписане посилання

• .ov-row.on - позиція клавіатури в списку. Виглядає так само, як hover, навмисно: для людини це те саме
• hover на рядку, прев'ю і пілі; піл додає край дії
• РУХ: «відповідь», --dur-fast + --ease-standard, поіменно background і border-color. Поява самої панелі - робота «зв'язок» і належить оверлею, а не цьому файлу

У НАЗВІ товару збіг носить плашку, бо назва довга, а збіг - її уламок. У ДОПОВНЕННІ запиту весь рядок і є запит, який дописують, тож плашка на половині читалася б як два слова - там працює сама лише жирність. Перша робота живе в base.css (це текстова обробка без анатомії, як .qmark), друга - тут, бо нею володіє поверхня, яка її має.

До цього етапу правила на <mark> не було НІДЕ - ні в design/system/, ні в _stand.css, ні в сірому wireframes/_wf.css. Тег стоїть на двох сірих файлах і на нулі кольорових; інвентар етапу 07 виводиться зі стилів, а виводити не було з чого. Лишений як є, у кольорі він віддався б жовтому дефолту браузера - єдиному жовтому в продукті, який жовтого не має.

Сторінка звіряє себе з файлом: 15 власних класів. Два з них - .ov-dim і .ov-panel - тут навмисно НЕ стоять наживо: обидва position: fixed, і поставлені на вітрині вони накрили б сторінку стенда собою. Названі в тексті, тож контроль має показати їх окремим рядком, а не як пропуск.

Прочитані з search-overlay.css: 14 семантичних ролей і 19 примітивів. Список виводить node tools/roles.mjs search-overlay з самого файла, тож він не може розійтися з ним.