Кнопки: визуальные примеры к стандарту
Эталонные схемы для КНОПКИ.md. Они показывают требуемый вид, а не завершённую миграцию всех страниц. Размеры в CSS px. Версия витрины 1.001: все семь схем обновлены под В07 — тёмный центр, плавно светлее к краям, без центральной линии. Состояние меняет только обводку.
Состояние показывает только обводка
Размеры и толщины здесь заданы в CSS px; изображение сохранено в масштабе 2× для чёткости.
Один размер, равные интервалы, зубчатая подложка
Кнопки разной высоты и ширины,
неравные промежутки, прямоугольная подложка.
120 × 24 px — базовый размер общей системы. Отступ 4 px; боковая толщина подложки — половина отступа.
Две половины занимают одну стандартную кнопку
Одна кнопка 120 px, две равные половины. Щёлкните другую половину: диагональ перевернётся. В палитре ЧБ выбрана по умолчанию.
Группа слева раскрывается вправо; варианты — сбоку
от заголовка
Базовая раскладка — одна кнопка в строке. У длинной боковой группы продолжение идёт колонками; максимум семь строк, на низком экране — меньше.
При пересечении скрывается вся другая группа
полностью:
шапка и кнопки. Своя группа приглушена, активная кнопка и варианты видны.
После закрытия списка другая группа возвращается на прежнее место с прежними настройками. Затемнение собственной группы не равно disabled.
Обычный ползунок и исключение для кадра
Значение на дорожке, имя — в подсказке.
Щелчок по шеврону — шаг, удержание — повтор.
Ширина дорожки кадра равна блоку «Отмена / Повтор».
Число следует за бегунком и касается его нижнего края.
Ползунок кадра — специальное исключение: его число вынесено вниз. Это не переносится автоматически на остальные ползунки.
Короткая подпись, полный смысл в подсказке
Ширина
Центр
Цвет
Заливка
Ось
убрать гласную между согласными;
добавить «ъ» после конечной согласной;
после «ь», «ъ» и гласной — не добавлять.
Подсказка и доступное имя остаются полными.
Числа, ID и пользовательские названия не менять.