/* TZ v5 — точечные layout-правки для /copywriter (по фидбеку пользователя). * * Правки только под body.page-copywriter — другие страницы не задеваем * (см. gotchas.md: «.sidebar используется на всех страницах, не * схлопывать глобально»). */ /* 1. period-tabs (Месяц/Квартал/Год/Произв.) — на /copywriter не нужны, * это контрол только для /single. */ body.page-copywriter .tv2-period-tabs-wrap, body.page-copywriter #tv2-period-tabs, body.page-copywriter #tv2-period-tabs-wrap { display: none; } /* 2. cw-layout — rail переезжает СПРАВА от редактора (по запросу * пользователя). Меняем grid order через `order` чтобы не трогать * разметку index.html. Vertical-divider линию убираем — она * позиционирована абсолютно слева и больше не подходит. */ body.page-copywriter .cw-layout { gap: 18px; grid-template-columns: 1fr 280px; } body.page-copywriter .cw-layout > .cw-panel { order: 2; } body.page-copywriter .cw-layout > .cw-editor { order: 1; } body.page-copywriter .cw-layout::before { display: none; } /* 3. Редактор — без верхнего отступа (пользователь хочет всё повыше). * Раньше padding-top: 16px давал воздух, но в сочетании с убранным * cw-editor-title (см. ниже) шапка выглядит «провисшей». */ body.page-copywriter .cw-editor { padding-top: 0; } /* 3a. Скрыть заголовок «Выберите страницы во вкладке » — он * не несёт полезной инфы после первого взаимодействия и просто * отнимает место сверху. Заодно убираем разделитель topbar. * `#cw-editor-title` остаётся в DOM на случай если JS пишет в него, * но визуально скрыт. */ body.page-copywriter #cw-editor-title { display: none; } body.page-copywriter .cw-editor-topbar { padding-top: 4px; padding-bottom: 4px; min-height: 0; } body.page-copywriter .cw-editor-topbar::after { display: none; } /* 4. Композер — расширить и приподнять на 4px от низа (просьба «расширь * контекстное окно редактора немного»). */ body.page-copywriter .cw-chat-composer, body.page-copywriter #cw-chat-composer { max-width: none; width: 100%; margin: 0 0 4px 0; } body.page-copywriter .cw-chat-composer textarea, body.page-copywriter #cw-chat-composer textarea { min-height: 56px; font-size: 13.5px; line-height: 1.5; } /* 5. Ключи — лимит ~6-8 строк со скроллом + чуть больше воздуха над * блоком, чтобы отделить от композера. (CSS в editor-v2.css ставит * max-height: 220px; мы переопределяем уже на странице копирайтера). */ body.page-copywriter .cw-keywords-panel { max-height: 215px; } body.page-copywriter .cw-keywords-panel-wrap { margin-top: 14px; } /* 6. Sidebar «Редактор · Чаты» (по запросу пользователя): * - шире на 50% (~1.5×); * - не растягивается на весь экран по высоте — занимает только * компактную секцию (~280px), внутри список со скроллом; * - не sticky/fixed — обычный поток, при скролле страницы уезжает. */ body.page-copywriter aside.sidebar--copywriter { width: auto !important; min-width: 0; max-width: none; flex: 0 0 auto; position: static; } body.page-copywriter #cw-sidebar { /* Перебиваем inline height:100% из index.html */ height: auto; max-height: 320px; /* Уменьшена на 10% против прошлой версии: было 280..380 → 252..342 */ width: clamp(252px, 29vw, 342px); background: rgba(20, 16, 12, 0.42); border: 1px solid rgba(245, 158, 11, 0.08); border-radius: 10px; padding: 12px; display: flex; flex-direction: column; gap: 8px; /* Не липкий — статичный в потоке */ position: static; } body.page-copywriter #cw-sidebar .cw-sidebar-header { flex: 0 0 auto; } body.page-copywriter #cw-new-chat-btn { flex: 0 0 auto; /* Убираем внутреннюю amber-рамку — снаружи уже есть рамка sidebar */ border-color: transparent !important; margin-left: 0; margin-right: 0; } body.page-copywriter #cw-new-chat-btn:hover { border-color: rgba(245, 158, 11, 0.30) !important; } body.page-copywriter #cw-history-list { flex: 1 1 auto; overflow-y: auto; min-height: 0; padding-right: 4px; } body.page-copywriter #cw-history-list::-webkit-scrollbar { width: 4px; } body.page-copywriter #cw-history-list::-webkit-scrollbar-thumb { background: rgba(245, 158, 11, 0.22); border-radius: 2px; } /* Группы доменов в списке — без внутренней рамки/подложки. * Раньше .cw-history-group имел чуть amber-светящийся фон при is-current, * а раскрытый
рисовался как «карточка в карточке». */ body.page-copywriter #cw-history-list .cw-history-group { background: transparent; border: none; } body.page-copywriter #cw-history-list .cw-history-group.is-current { background: rgba(245, 158, 11, 0.04); }