/* ============================================================ ADR-034 — Batch Actions Bar как отдельный модуль ------------------------------------------------------------ Плашка #batchBar вынесена из #retouchPanel и живёт в .action-buttons-group НАД кнопкой MY PROJECTS (#extraBtn). Здесь только геометрия/скругления. Логика и ID не тронуты. Файл подключается ПОСЛЕ theme.css — иначе не перебьёт .batch-actions-bar. ADR-053: нижний ряд приведён к тому же виду, что верхний — один сегментированный контрол, одинаковые пилюли, только текст. ============================================================ */ /* Контейнер плашки: раньше был sticky-шапкой скролла внутри панели. Снаружи sticky и margin-bottom не нужны — вертикальные отступы даёт gap самой .action-buttons-group. */ #batchBar.batch-module { position: static; top: auto; z-index: auto; margin: 0; width: 100%; padding: 16px 18px; gap: 10px; border-radius: var(--radius-xl); /* стекло как у соседних кнопок btn-upgrade / btn-extra */ background: rgba(255, 255, 255, 0.45); border: 1px solid rgba(255, 255, 255, 0.5); box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 10px 30px -5px rgba(0, 0, 0, 0.10), inset 0 1px 1px rgba(255, 255, 255, 0.7); } /* Мягкое появление/скрытие: плашка теперь всегда в потоке правой колонки */ #batchBar.batch-module { animation: slideDown 0.35s cubic-bezier(0.16, 1, 0.3, 1); } /* .hidden из theme.css (display:none !important) продолжает управлять видимостью — updateBatchBar() трогать не потребовалось. */ /* Счётчик убран из вида, но остаётся в DOM — updateBatchBar() продолжает писать в него, JS не тронут. */ #batchBar.batch-module .selected-count { display: none !important; } /* ============================================================ ADR-053 — ДВА ОДИНАКОВЫХ РЯДА ------------------------------------------------------------ Было: верхний ряд — сегментированный контрол с подложкой, нижний — три разнородные кнопки (нейтральное стекло, градиент, красная), две из них с иконками, третья вообще без текста. Один блок, две разные системы — читается как недоделка. Стало: оба ряда — один и тот же контрол. Подложка, четыре равные пилюли, только текст. Иконки скрыты (тем же приёмом, что theme.css применяет к .preset-preview и .btn-icon). Кнопка Render убрана в ADR-052, поэтому в нижнем ряду ровно три элемента и они делят ширину поровну. ============================================================ */ /* Верхний ряд — как был */ #batchBar.batch-module .batch-tool-group { border-radius: var(--radius-full); padding: 5px; gap: 4px; } /* Нижний ряд получает ту же подложку, что и .batch-tool-group. Разделительная линия сверху из theme.css больше не нужна — ряды и так разделены собственными подложками. */ #batchBar.batch-module .batch-row-actions { display: flex; align-items: center; justify-content: space-between; gap: 4px; padding: 5px; border-top: none; background: rgba(0, 0, 0, 0.03); border: 1px solid rgba(0, 0, 0, 0.03); border-radius: var(--radius-full); } /* .batch-btns — лишняя обёртка вокруг Save/Delete. display:contents растворяет её, и обе кнопки становятся прямыми элементами ряда: три пилюли делят ширину поровну без правки разметки. */ #batchBar.batch-module .batch-btns { display: contents; } /* Одна пилюля на всех: верхний ряд, нижний ряд, Scenes */ #batchBar.batch-module .btn-batch-tool, #batchBar.batch-module .btn-batch-scenes, #batchBar.batch-module .btn-batch { flex: 1 1 0; min-width: 0; height: 40px; padding: 0 10px; display: inline-flex; align-items: center; justify-content: center; gap: 0; border: none; background: transparent; border-radius: var(--radius-full); font-family: 'Outfit', sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 0.02em; white-space: nowrap; color: var(--text-secondary); box-shadow: none; cursor: pointer; transition: background 0.25s ease, color 0.25s ease; } /* Только текст: иконки внутри кнопок гасим — тем же способом, которым theme.css гасит .preset-preview / .btn-icon / .generate-glow. Разметку не трогаем, чтобы не гнать index.html целиком ради двух svg. */ #batchBar.batch-module .btn-batch-tool svg, #batchBar.batch-module .btn-batch-scenes svg, #batchBar.batch-module .btn-batch svg { display: none !important; } /* У корзины текста в разметке нет — подписываем её здесь. Временное решение: при следующей правке index.html подпись переедет в разметку, а это правило уйдёт. */ #batchBar.batch-module #batchDelete::after { content: 'Delete'; } /* Наведение: подсветка внутри контрола, без подъёма. Глобальный button:hover из theme.css поднимает кнопку на 5px — внутри сегментированного ряда это выглядит как дребезг. */ #batchBar.batch-module .btn-batch-tool:hover, #batchBar.batch-module .btn-batch-scenes:hover, #batchBar.batch-module .btn-batch:hover { background: rgba(255, 255, 255, 0.6); color: var(--text-primary); transform: none; box-shadow: none; filter: none; text-shadow: none; } #batchBar.batch-module .btn-batch-tool:active, #batchBar.batch-module .btn-batch-scenes:active, #batchBar.batch-module .btn-batch:active { transform: scale(0.97); } /* Активное состояние — единственный градиент в плашке. Он отмечает открытый инструмент, а не «главную кнопку»: запуск теперь один и живёт в GENERATE (ADR-052). */ #batchBar.batch-module .btn-batch-tool.active, #batchBar.batch-module .btn-batch-scenes.active { background: var(--accent-gradient); color: #fff !important; box-shadow: 0 4px 15px rgba(183, 148, 246, 0.3); } /* Save: та же пилюля. Перебиваем градиент и color:white !important из theme.css (.btn-batch-save) — иначе белый текст на прозрачном фоне. */ #batchBar.batch-module .btn-batch-save { background: transparent; color: var(--text-secondary) !important; border: none; } #batchBar.batch-module .btn-batch-save:hover { background: rgba(255, 255, 255, 0.6); color: var(--text-primary) !important; } /* Delete: форма та же, но красный текст. Это не украшение — удаление необратимо, и его нельзя путать с соседями вслепую. */ #batchBar.batch-module .btn-batch-delete { background: transparent; border: none; padding: 0 10px; color: #EF4444; } #batchBar.batch-module .btn-batch-delete:hover { background: rgba(239, 68, 68, 0.12); color: #EF4444; }