Діалог клієнта

Коробка не має власного вмісту: 24 з її дитячих класів належать шістьом іншим файлам, бо всередину кладе той потік, який її відкрив.

7 класів усередині кореня мають більш ніж одного власника, тож із коду не видно, чий вони: .btn--accent .btn--ghost .btn--outline .on .opt .uiv-ic .uiv-trail

Розмітка тут - не переписана від руки. Її знято з design/account-addresses.html у цій же сесії, обробники зняті, посилання підняті на рівень. Цей організм у спокої не існує - він display: none, доки щось не додасть open, - тож стенд додає цей клас сам. Показано на сцені: трансформований предок стає для position: fixed тим блоком, від якого рахується його inset, тож панель не накриває сторінку й не втрачає жодного свого оголошення.

Показано в рамці шириною 390, і ширина названа не для краси: це ширина, на якій цей організм у продукті стоїть. Медіа-умова читає в'юпорт, а не контейнер, тож жодне правило самого стенда цього не вирішує - тільки справжній в'юпорт, а він є лише в рамки. Сам організм у рамці обмежено до 460px - це ширина, яку він займає в продукті на 1280. Витягнутий зі своєї колонки, він розтягнувся б на всю рамку, і кнопка на 294 стала б кнопкою на 1490.

Обидва прийшли з модалки «Додати клієнта в сесію» на 8.31b, і обидва справді нові: цей діалог ніколи не мав СПИСКУ, з якого обирають, бо два його штатні екземпляри редагують одного клієнта, а цей набирає кількох.

Список прокручується, а діалог - ні. max-height: 240px - це значення приватного блоку, перенесене, а не виведене заново: приблизно чотири рядки, і саме це каже «нижче є ще», не змушуючи саму коробку вилізти за падінг скрима. Запуск пунктирний, бо empty-state.css і .ctab.add вже вживають пунктир для «того, чого ще немає» - тут те саме речення в рядку.

І друга коробка цього ж файлу - підтвердження, яку сторінка досі називала словами й не показувала. Її холостий контроль був червоний і цього ніхто не читав, бо вердикт малюється в браузері, а жоден гейт туди не дивився. З 8.31b дивиться accept.mjs.

Сам рядок списку - не цього файлу: .ac-cli це п'яте ім'я рядкового рунґа radio.css, і воно пішло туди на 8.30. Тут лишились контейнер і запуск.

Одна медіа-умова, і вона з'явилась на 8.31b, коли другий діалог уперся в те саме: під 480 пара дій стає стовпчиком. coach-tariff.css написав це правило для .tfdlg ще на 8.7 зі своїм заміром («пара ніколи не влазить у цю коробку - 2.08 за край на КОЖНІЙ ширині»), а модалка додавання клієнта відтворила знахідку з іншого кінця: «Додати першого клієнта» поруч зі «Скасувати» іде 154..387 у в'юпорті 360, тобто 27px за край, і сторінку це не прокручує - скрим обрізає, тож правий край головної дії просто недосяжний, а всі гейти читають 0. Два діалоги, по одному заміру кожен - і це вже відповідь компонента, а не екрана. Межа 479 - та сама, що в button.css для його власного телефонного кроку.

Правила вживання, які називають саме цей компонент: U9. Автор правил один, і це architecture.html, розділ I; тут - витяг.

Ряд дій діалогу ще не переведений, і це сказано вголос: його розмітку будує wireframes/_nav.js, спільний скрипт обох корпусів, а сірий корпус цей етап не редагує. Переведення записане в беклог для етапу 12.

Сторінка звіряє себе з файлом: 12 власних класів і 1 стан. .mode-edit стоїть у станах, а не в класах, і це не послаблення контролю: цей клас дописує JavaScript у момент дії, тож у спокої його не існує ніде - показати його можна лише підробкою, а підроблений стан заборонено тим самим правилом, що й вигадану роль.

Прочитані з client-dialog.css: 8 семантичних ролей і 16 примітивів.

Оголошень, які збігаються з елементами й не виграють, - жодного. Зате 52 властивості не збігаються з жодним елементом, і всі вони приходять із чотирьох з 17 селекторів файлу: .cedel, .cedel button, .cedel .dn і .cemodal.mode-edit .addr-back.

Це дві різні речі під одним показником, і плутати їх не можна. .mode-edit - стан, який дописує JavaScript у момент дії: розмітка є, просто перепис у спокої її не застає. .cedel - розмітка, що існує тільки в сірому прототипі, і не тому, що її забули, а тому, що вона на екранах тренера, яких у кольорі немає. Перше лікується заміром у русі, друге - роботою етапу 09. Мертвого коду тут немає ні там, ні там.