/* Revision 19 task editor: same hierarchy on web, Windows, phone and Fold. */ /* По просьбе пользователя — убрать кнопку «Идеи» из бокового меню (не * scoped к .v19-task-menu, это боковая навигация, а не меню задачи). * На телефоне та же ссылка на «Идеи» рисуется ДРУГИМ узлом — прямоугольная * кнопка `data-v76-route="ideas"` (`data-idea-styled="1"`) внутри мобильного * меню `.v76-header-menu.v76-rose-menu` (открывается, например, из «Входящие») * — атрибут другой (`data-v76-route`, не `data-route`), поэтому старое * правило её не ловило. Скрываем оба варианта. */ [data-route="ideas"],[data-v76-route="ideas"]{display:none!important} /* Закладка Проекты — цвет фона/рамки кружков с цифрами у каждого проекта * должен совпадать с такими же кружками в закладке Тэги (`.entity-link.tag- * color-text .chip`: border rgb(220,220,220), фон прозрачный, текст * rgb(138,138,138)) — у Проектов (`.project-tree-head>.chip`/`.v15-active- * task-count`, v84.css) была чуть другая рамка (234,234,234). Текст и фон * уже совпадали, недостающее — только цвет рамки. */ .project-tree-head>.chip,.project-tree-head>.v15-active-task-count{border-color:rgb(220,220,220)!important} /* Проект — строка статусов: значок «время» перед 3-м пунктом уже есть в * разметке (.project-duration-summary>.project-summary-icon), но v78.css * прячет его безусловно (.project-summary-icon{display:none}) и включает * обратно ТОЛЬКО в @media(600-1024px) — на десктопе и мобильном значка нет. * Показываем всегда, только для пункта «время» (пункт «задачи» не просили). */ .project-duration-summary>.project-summary-icon{display:inline-flex!important;vertical-align:middle!important} .project-duration-summary>.project-summary-icon .v22-icon{width:16px!important;height:16px!important} /* Проект — строка статусов: 5-й пункт «Заметки» (проект + все его задачи), * см. decorateProjectSummaryRow. Тот же визуальный язык, что и у родных * кнопок «Вехи»/«Ресурсы» в этой же строке. */ .project-meta-card[data-project-summary] [data-v19-project-notes]{display:inline-flex!important;align-items:center;gap:4px} .project-meta-card[data-project-summary] [data-v19-project-notes] .v22-icon{width:19px!important;height:19px!important} /* Проект — строка статусов: кнопка «Проект» (редактировать), см. decorateProjectSummaryRow. */ .project-meta-card[data-project-summary] [data-v19-project-edit]{display:inline-flex!important;align-items:center;gap:4px;margin-left:auto} .project-meta-card[data-project-summary] [data-v19-project-edit] .v22-icon{width:19px!important;height:19px!important} /* Название проекта — теперь курсор-указатель на разворот/сворот всех задач, * не открытие редактора (см. decorateProjectSummaryRow). */ h1.v27-editable-title.v19-expand-toggle{cursor:pointer} /* Накопительные — кликабельное слово в пустом разделе (см. decorateGoalsList). * Буква «д» (ножки ниже базовой линии) визуально оставалась без подчёркивания — * браузер по умолчанию «пропускает чернила» (text-decoration-skip-ink:auto) * там, где линия пересекает штрих буквы; для «д» пропускался весь сегмент * под ней. Явно отключаем skip-ink — линия сплошная под всем словом. */ .v19-goals-empty-link{border:0;background:transparent;padding:0;font:inherit;font-weight:700;color:var(--accent);cursor:pointer;text-decoration:underline;text-underline-offset:2px;text-decoration-skip-ink:none} .v19-goals-empty-link:hover{opacity:.8} /* Заголовки разделов «Датчики»/«Ручные» в Накопительных — по просьбе * пользователя убираем значок (родной .v57-section-kind), остаются только * стрелка, текст и кружок с числом. Атрибут h2[data-v57-unified-section^= * "goals-"] специфичен именно для этой вкладки — другие h2 с той же родной * разметкой (если есть) не затронуты. */ h2[data-v57-unified-section^="goals-"] .v57-section-kind{display:none!important} /* Пустой раздел Накопительных — родной .empty{padding:36px} рассчитан на * полноэкранный пустой список, здесь это один короткий раздел среди других — * уменьшаем белое поле. Размер текста — как у аналогичного пустого состояния * в закладке «Сегодня» («Бесцельный день… Нацелить!», см. .v14-aimless в * v14.css: font-size:17px;font-weight:650) — та же роль (приглашение * что-то создать), тот же размер. */ .v43-goal-list>.empty{padding:14px 16px!important;font-size:17px!important;font-weight:650!important;color:#aaa49d} /* Ведущий элемент строки цели в списке Накопительных — см. decorateGoalRowFronts. * Ручная: настоящая кнопка «внести число» (родная, просто переставлена в 1-й * столбец) вместо кружка-статуса, окрашена в цвет приоритета (та же палитра, * что и родной .v57-goal-state). */ .v19-goal-number-front{ width:20px!important;height:20px!important;min-width:20px!important;padding:0!important; color:var(--p4,#888)!important; /* сброс родного кружка (.check/.task-state-check несёт border/bg/border-radius — * нужен, когда мы подменяем ОБЩИЙ кружок статуса задачи вне .v43-goal-row, * см. decorateCumulativeTaskCircles) */ border:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important; } .v43-goal-row>.v19-goal-number-front{grid-column:1!important;grid-row:1!important;align-self:start!important;margin:11px 0 0 10px!important} .v19-goal-number-front.p1{color:var(--p1,#d55242)!important} .v19-goal-number-front.p2{color:var(--p2,#d18d34)!important} .v19-goal-number-front.p3{color:var(--p3,#568bb0)!important} /* (баг, тот же что и раньше с тэг/проект-пикерами) .v22-icon красит себя в * var(--accent) НАПРЯМУЮ (v22.css) — это блокирует наследование цвета * приоритета через currentColor от кнопки. Красим сам значок явно. */ .v19-goal-number-front .v22-icon{width:20px!important;height:20px!important;color:inherit!important} /* Датчик: некликабельный значок вместо кружка-статуса, тот же значок, что и * бейдж «датчик» в шапке редактора (v22Icon('automaticCumulative')) — не * придумываем новый. */ .v19-goal-sensor-icon{ display:grid;place-items:center;width:20px;height:20px; color:var(--muted,#888)!important;pointer-events:none; border:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important; } .v43-goal-row>.v19-goal-sensor-icon{grid-column:1;grid-row:1;margin:11px 0 0 10px} .v19-goal-sensor-icon .v22-icon{width:20px;height:20px;color:inherit!important} /* Мини-меню выбора показателей датчика (.v40-source-popup/.v40-source-toolbar) — * справа оставалось пустое место под скрытую (mobile-client.css: display:none) * кнопку [data-v40-source-cancel] — убираем зарезервированный столбец и сужаем * попап. * ОК-кнопка — стиль «regbi» (условное имя для удобной ссылки в коде и * разговоре, ничего общего с реальным регби). Образец найден пользователем * ПРЯМО В ПРИЛОЖЕНИИ (не придуман нами): кнопка ОК у поля «добавить * комментарий» (см. `.v19-comment-ok` ниже) — вытянутый овал, накренённый * примерно на 30-35° (низ слева — верх справа, «/»), со сплошной заливкой * акцентным цветом и белой галочкой (v22Icon('ok')) внутри, накренённой * вместе с самим овалом. Подтверждено пользователем живьём: форма (овал) * — то, что нужно; ПОПРАВКА — галочка внутри должна остаться РОВНОЙ * (горизонтальной), не крениться вместе с овалом — контр-поворачиваем * значок на противоположный угол. Фактический computed-стиль * `.v19-comment-ok` на момент проверки (2026-09-13) овалом не оказался * (родной .v31-dialog-icon, 36×36, radius 6px) — расхождение с рисунком * пользователя не объяснено (возможно другая сборка/кэш), стиль ниже * реализован строго по рисунку, а не по текущему computed-стилю. */ .v40-source-popup{width:min(455px,calc(100vw - 16px))!important} .v40-source-popup .v40-source-toolbar{grid-template-columns:34px repeat(2,34px) minmax(120px,1fr) 44px!important} .v40-source-popup .v40-source-toolbar:has([data-v40-source-type="ritual"]){grid-template-columns:34px repeat(3,34px) minmax(120px,1fr) 44px!important} .v40-source-popup [data-v40-source-ok]{ width:38px!important;height:24px!important;min-width:38px!important;padding:0!important; border:0!important;border-radius:50%!important;background:var(--accent)!important; transform:rotate(-33deg)!important; display:grid!important;place-items:center!important; } .v40-source-popup [data-v40-source-ok] .v22-icon{transform:rotate(33deg)!important} .v40-source-popup [data-v40-source-ok] .v22-icon{color:#fff!important;width:15px!important;height:15px!important} .v40-source-popup [data-v40-source-ok] .v22-icon :is(.v22-main,.v22-echo,.architect-echo)>*{stroke:currentColor!important} /* (жёсткое правило) Стена больше не выбирается отдельно от Камня — она * присваивается/снимается автоматически вместе с Камнем (см. v19SyncWallsFromStones * в task-menu-r19.js). Убираем сам пикер/выбранную строку «Стена» из меню * задачи целиком — значение остаётся только для фильтра/поиска, не для * ручного выбора в этом меню. */ .v19-task-menu.v19-task-menu .v18-artifact-pickers>button[data-v18-wall-picker], .v19-task-menu.v19-task-menu .v19-pickers-chips>button[data-v18-wall-picker], .v19-task-menu.v19-task-menu [data-v18-wall-picker], .v19-task-menu.v19-task-menu [data-artifact-row="wall"]{display:none!important} /* (74д) Псевдоним общей роли «Основной текст» из typography-tokens.css * (§190) — значение теперь берётся ИЗ единой системы, не дублируется; * заодно устраняет разрыв «14px десктоп / 15px моб.» — было замечено * пользователем как ненужное расхождение, роль «Основной текст» = 15px * одинаково на всех ширинах, отдельный mobile-override ниже по файлу * (строка ~173) для этой переменной больше не нужен, но оставлен — * теперь просто присваивает то же самое значение, безвредно. */ :root{ --v19-task-menu-font-size:var(--dj-text-body-size,15px); --v19-task-menu-font-weight:var(--dj-text-body-weight,600); --v19-task-menu-line-height:var(--dj-text-body-line-height,1.25); --v19-task-menu-heading-size:var(--dj-text-heading-size,19px); --v19-task-menu-heading-weight:var(--dj-text-heading-weight,700); --v19-task-menu-heading-line-height:var(--dj-text-heading-line-height,1.15); --v19-task-menu-reading-size:var(--dj-text-reading-size,15px); --v19-task-menu-reading-weight:var(--dj-text-reading-weight,400); --v19-task-menu-reading-line-height:var(--dj-text-reading-line-height,1.35); --v19-task-menu-secondary-size:12px; --v19-task-menu-secondary-weight:600; --v19-task-menu-secondary-line-height:1.5; } @media(max-width:599px){ :root{ --v19-task-menu-secondary-size:var(--dj-text-secondary-size); --v19-task-menu-secondary-weight:var(--dj-text-secondary-weight); --v19-task-menu-secondary-line-height:var(--dj-text-secondary-line-height); } } @media(min-width:600px) and (max-width:1024px){ :root{ --v19-task-menu-secondary-size:var(--dj-text-secondary-size); --v19-task-menu-secondary-weight:var(--dj-text-secondary-weight); --v19-task-menu-secondary-line-height:var(--dj-text-secondary-line-height); } } .v19-task-menu{--v19-row-radius:10px} /* Название накопительной цели — лишняя тонкая линия под полем названия. * Родная разметка (v41.css: .v40-title-wrap>input{border-bottom:0}) уже * ПЫТАЕТСЯ убрать её, но без !important — а общий .task-title-v09{border- * bottom:1px solid var(--line)} (v09.css) поставлен С !important, так что * побеждает несмотря на более низкую специфичность (важность решает раньше * специфичности). Добавляем !important с тем же (уже верным) native-scope. */ .v40-title-wrap>input{border-bottom:0!important} .v19-task-menu :is(.time-line,.v18-priority-row,.v18-reminder,.v18-artifact-row>button,.v18-comments-head,.subtask-panel>.section-head){font-family:inherit!important;font-size:var(--v19-task-menu-font-size)!important;font-weight:var(--v19-task-menu-font-weight)!important;line-height:var(--v19-task-menu-line-height)!important;letter-spacing:normal!important} .v19-task-menu .v19-task-title{font-family:var(--font-display,inherit)!important;font-style:normal!important;font-size:var(--v19-task-menu-heading-size)!important;font-weight:var(--v19-task-menu-heading-weight)!important;letter-spacing:-.01em!important;line-height:var(--v19-task-menu-heading-line-height)!important;overflow-wrap:anywhere;word-break:normal;writing-mode:horizontal-tb!important} .v19-task-menu :is(.time-line,.v18-priority-row,.v18-reminder,.v18-artifact-row:not(.v18-artifact-pickers),.subtask-panel,.v18-comments){box-sizing:border-box!important;width:100%!important} .v19-task-menu .v18-artifact-row:not(.v18-artifact-pickers){border-color:color-mix(in srgb,var(--v19-artifact-color,var(--line)) 34%,var(--line))!important;background:color-mix(in srgb,var(--v19-artifact-color,var(--panel)) 5%,var(--panel,#fff))!important;overflow:hidden!important} .v19-task-menu .v18-artifact-row:not(.v18-artifact-pickers)>button{color:var(--v19-artifact-color,var(--ink))!important;width:100%!important;min-width:0!important;border:0!important;background:transparent!important;padding:0!important} .v19-task-menu .v18-artifact-row>button span:not(.v22-icon){overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .v19-task-menu :is(.time-line,.v18-priority-row,.v18-reminder,.v18-artifact-row>button) span:not(.v22-icon){font:inherit!important;letter-spacing:inherit!important} .v19-task-menu .v18-artifact-pickers{width:100%;min-height:42px;padding:3px 0!important;margin:2px 0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin} .v19-task-menu .v18-artifact-pickers>button{min-height:38px;border:1px solid color-mix(in srgb,currentColor 24%,var(--line))!important;border-radius:9px!important;background:var(--panel,#fff)!important;padding:5px 8px!important} .v19-task-menu .v18-comments{padding:0!important} .v19-task-menu .v19-cumulative-kind{display:flex;align-items:center;align-self:flex-start;gap:7px;margin:0 10px 5px;padding:5px 9px;border-radius:7px;background:var(--accent);color:#fff;font-size:12px;font-weight:650} .v19-task-menu .v19-cumulative-kind .v22-icon{width:18px;height:18px}.v19-task-menu .v18-cumulative-mode{display:none!important} .v19-cumulative-kind-dialog{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(520px,calc(100vw - 28px));max-height:calc(100dvh - 32px);box-sizing:border-box;border:1px solid var(--line);border-radius:18px;background:var(--panel,#fff);color:var(--ink);padding:22px;overflow:auto} .v19-cumulative-kind-dialog::backdrop{background:rgba(20,18,15,.38);backdrop-filter:blur(2px)} .v19-cumulative-kind-dialog h2{margin:0 42px 5px 0;font-family:var(--font-display,inherit);font-size:24px}.v19-cumulative-kind-dialog>p{margin:0 0 18px;color:var(--muted)} .v19-kind-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.v19-kind-options>button{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:2px 10px;min-height:88px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);padding:12px;text-align:left}.v19-kind-options>button:hover,.v19-kind-options>button:focus-visible{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 20%,transparent)}.v19-kind-options .v22-icon{grid-row:1/3;width:30px;height:30px;color:var(--accent)}.v19-kind-options span{font-size:15px;font-weight:700}.v19-kind-options small{color:var(--muted);line-height:1.25}.v19-kind-cancel{position:absolute;right:14px;top:14px;width:36px;height:36px;border:0;background:transparent;color:var(--accent)} .v19-reminder-dialog{position:fixed!important;inset:0!important;z-index:12000!important;display:grid!important;place-items:center!important;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important;background:rgba(20,18,15,.34)!important;box-sizing:border-box!important;overflow:hidden!important} .v19-reminder-dialog .time-menu-card{position:relative!important;inset:auto!important;display:flex!important;flex-direction:column!important;width:min(440px,100%)!important;max-width:100%!important;max-height:min(680px,calc(100dvh - max(24px,env(safe-area-inset-top)) - max(24px,env(safe-area-inset-bottom))))!important;margin:0!important;padding:14px!important;border-radius:16px!important;background:var(--panel,#fff)!important;overflow:hidden!important;box-shadow:0 18px 56px rgba(0,0,0,.25)!important;transform:translateY(4px);opacity:.96;transition:transform .12s ease,opacity .12s ease} .v19-reminder-dialog.v19-ready .time-menu-card{transform:none;opacity:1} .v18-reminders-only.v19-reminder-dialog .time-menu-card>.v19-reminder-header{display:flex!important;align-items:center;gap:9px;padding:2px 2px 10px}.v19-reminder-header h2{margin:0;font-family:var(--font-display,inherit);font-size:22px}.v19-reminder-header .v22-icon{width:25px;height:25px;color:var(--accent)} .v18-reminders-only.v19-reminder-dialog .time-menu-card>.v80-notification-panel{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;gap:9px!important;position:static!important;inset:auto!important;transform:none!important;width:100%!important;max-width:none!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0 2px!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow-y:auto!important;box-sizing:border-box!important} .v19-reminder-dialog .v80-notification-add[hidden]{display:none!important} .v19-reminder-dialog .v80-notification-add:not([hidden]){display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important}.v19-reminder-dialog .v80-notification-add :is(select,input){box-sizing:border-box;min-height:42px}.v19-reminder-dialog .v80-notification-add select,.v19-reminder-dialog .v80-notification-add input{width:100%;min-width:0;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--ink);padding:7px} /* кнопка «ОК» (.v31-dialog-icon, см. task-menu-r19.js) не должна растягиваться * под родную сетку 1fr/42px и min-height:42px — своя дорожка auto + сброс min-height. */ .v19-reminder-dialog .v80-notification-add button{min-height:0!important} /* v84.css красит эти кнопки в фон панели (--panel) с !important и той же * специфичностью, что и наше «овал-ок» правило ниже — тут специфичность та * же, но этот файл грузится ПОСЛЕДНИМ, так что мы и должны победить; без * этого явного повтора фон/цвет оставались родными (белый фон + белая * иконка = «пустой кружок», см. задачу №10). */ .v19-reminder-dialog .v80-notification-add button[data-v80-notification-add], .v19-reminder-dialog .v80-notification-add button[data-v80-notification-add-at]{ background:var(--accent,#2f5d5a)!important;color:#fff!important;border:1px solid var(--accent,#2f5d5a)!important; } .v19-reminder-dialog .modal-actions{display:flex!important;justify-content:flex-end;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line)} @media(max-width:760px){.v19-kind-options{grid-template-columns:1fr}.v19-cumulative-kind-dialog{padding:18px}.v19-reminder-dialog{align-items:end!important}.v19-reminder-dialog .time-menu-card{width:100%!important;border-radius:16px 16px 10px 10px!important}} /* ========================================================================== * Rev.19 editor layout — consolidated pass (эскиз «Макеты меню задач») * ========================================================================== */ .v19-task-menu{scrollbar-width:none} .v19-task-menu::-webkit-scrollbar{width:0;height:0;display:none} /* --- шапка: ровно 3 вещи — кружок задачи · название во всю строку · меню действий --- */ .v19-task-menu>:is(.task-head-v09,.v38-task-head){ position:sticky;top:0;z-index:5;background:var(--panel,#fff); display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:6px!important; padding:2px 0 0!important;margin-bottom:12px!important;box-shadow:0 8px 10px -10px rgba(35,31,26,.3); } .v19-task-menu>:is(.task-head-v09,.v38-task-head)>:is(.v18-editor-back:not(.v19-nav-back),.task-focus-mini,.task-focus,[data-task-focus],.close.v23-system-action,.save.v23-system-action){display:none!important} /* вложенный редактор подзадачи — кнопка «назад» к основной задаче */ .v19-task-menu .v18-editor-back.v19-nav-back{ display:inline-flex!important;align-items:center!important;justify-content:center!important; order:-3!important;flex:0 0 24px!important;width:24px!important;height:24px!important;min-width:24px!important; margin:0 4px 0 0!important;padding:0!important;border:0!important;background:transparent!important; color:var(--muted,#8a7d68)!important;cursor:pointer!important; } .v19-task-menu .v18-editor-back.v19-nav-back>:is(svg,.v22-icon){width:20px!important;height:20px!important} .v19-task-menu .task-state-check.v23-task-circle{ order:0;flex:0 0 22px!important;width:22px!important;height:22px!important;min-width:22px!important; margin:0!important;padding:0!important;border:0!important;background:transparent!important; } .v19-task-menu .v19-task-title{ order:1;flex:1 1 auto!important;min-width:0!important;width:auto!important;max-width:none!important; font-family:inherit!important;font-size:var(--v19-task-menu-heading-size)!important;font-weight:var(--v19-task-menu-heading-weight)!important;line-height:var(--v19-task-menu-heading-line-height)!important; margin:0 0 0 6px!important;padding:2px 0!important; } .v19-task-menu>:is(.task-head-v09,.v38-task-head)>:is(.task-top-actions,.v76-task-state-wrap,.v76-task-state-toggle){ order:2;flex:0 0 auto!important;margin:0 0 0 6px!important; } .v19-task-menu>.task-top-actions{display:none!important} /* --- строки: единая высота (как у «Срок»), зазор ровно 2px, тёплый фон --- */ .v19-task-menu :is(.time-line,.v18-priority-row,.v18-artifact-row:not(.v18-artifact-pickers), .subtask-panel>.section-head,.v18-comments>.v18-comments-head){ box-sizing:border-box!important;width:100%!important;height:auto!important;min-height:var(--dj-task-property-min-height,34px)!important;max-height:none!important; flex:0 0 auto!important; margin:0 0 1px!important;padding:0 var(--dj-task-property-padding-x,12px)!important;gap:8px!important; display:flex!important;align-items:center!important;justify-content:flex-start!important;text-align:left!important; overflow:hidden!important;box-shadow:none!important; border:1px solid var(--panel,#fffdf8)!important;border-radius:var(--v19-row-radius,10px)!important; background:color-mix(in srgb,#8a7a5f 16%,var(--panel,#fffdf8))!important; } /* Найдено живой проверкой при теме "classic": `project-ideas-r21.css` несёт * `html[data-interface-design="classic"] .v19-task-menu :is(...) * {background:#fff!important}`, чей список :is() покрывает ту же самую * группу рядов (.time-line/.v18-priority-row/.v18-artifact-row/ * .subtask-panel/.v18-comments/.v40-measure-row/…) — тип-селектор `html` * в его цепочке даёт лишний тип-тир специфичности (0,3,1), которого нет у * базового правила выше (0,2,0) — при теме "classic" тёплый фон ВСЕХ этих * рядов (включая «Срок») молча проигрывал и становился белым, хотя правило * выше и несёт !important. Та же природа ошибки, что и в §164/166 * (см. память), просто на этот раз — в самой ПЕРВОЙ, базовой формуле фона * рядов, которую тогда ещё не утраивали (баг был скрыт всё это время, пока * тестовая тема была не "classic"). Утроенный якорь снимает вопрос * независимо от порядка файлов. */ .v19-task-menu.v19-task-menu.v19-task-menu :is(.time-line,.v18-priority-row,.subtask-panel>.section-head,.v18-comments>.v18-comments-head){ background:color-mix(in srgb,#8a7a5f 16%,var(--panel,#fffdf8))!important; } /* «Срок» побывало отдельным правилом с плоским var(--panel) (сначала с * 50%-прозрачностью, затем без неё) — по прямой просьбе пользователя, * повторенной трижды в одном раунде («ещё раз — у прямоугольников должен * быть цвет фона задачи, не своего», «сами они должны быть одинакового * цвета — того что у Приоритета», «а Срок сейчас другого цвета — исправить») * ВСЕ прямоугольники, включая «Срок», в итоге унифицированы обратно на * тот же тёплый тон, что несёт «Приоритет» (см. правило выше — .time-line * снова в общем :is()-списке, отдельное правило удалено как избыточное). */ .v19-task-menu :is(.subtask-panel,.v18-comments){ box-sizing:border-box!important;width:100%!important;min-height:34px!important;height:auto!important;flex:0 0 auto!important; margin:0 0 1px!important;padding:0!important;overflow:hidden!important;box-shadow:none!important; border:0!important;border-radius:0!important;background:transparent!important; } .v19-task-menu :is(.v38-tag-artifacts,.v76-mobile-task-artifacts){display:block!important} .v19-task-menu .v18-artifact-row:not(.v18-artifact-pickers){ background:color-mix(in srgb,#8a7a5f 16%,var(--panel,#fffdf8))!important; } .v19-task-menu.v19-task-menu.v19-task-menu .v18-artifact-row:not(.v18-artifact-pickers){ background:color-mix(in srgb,#8a7a5f 16%,var(--panel,#fffdf8))!important; } .v19-task-menu :is(.subtask-panel>.section-head,.v18-comments-head){ margin:0!important; border:1px solid var(--panel,#fffdf8)!important;border-radius:var(--v19-row-radius,10px)!important; background:color-mix(in srgb,#8a7a5f 16%,var(--panel,#fffdf8))!important; } /* --- значки в одну вертикаль, текст следом --- */ .v19-task-menu :is(.v18-artifact-row:not(.v18-artifact-pickers)>button,.v18-priority-row){ display:flex!important;align-items:center!important;gap:8px!important;justify-content:flex-start!important; } .v19-task-menu .v18-artifact-row:not(.v18-artifact-pickers)>button{width:100%!important;min-width:0;border:0!important;background:transparent!important;padding:0!important;color:var(--v19-artifact-color,var(--ink))!important} .v19-task-menu :is(.v18-artifact-row:not(.v18-artifact-pickers)>button,.v18-priority-row)>:is(.v22-icon,.v58-priority-flag,.priority-flag){flex:0 0 20px!important;width:20px!important;height:20px!important;margin:0!important;padding:0!important} /* Родное .priority-flag.v22-icon-button (v23.css) даёт width:28px;padding:2px — * шире значка (20px) и с центрированием (display:grid), из-за чего сам флаг * визуально сдвинут вправо на ~4px относительно значков в соседних строках * (Проект/Ритуал и т.п., у которых значок — прямой flex-ребёнок без обёртки- * кнопки). Перебито выше (width/padding:0), но т.к. это КНОПКА (а не просто * .v22-icon), явно выключаем и вложенное центрирование. */ .v19-task-menu .v18-priority-row>button.priority-flag{display:flex!important;align-items:center!important;justify-content:flex-start!important} /* Та же история у кнопки «Время» (.time-line): родная .v22-icon-button даёт * width:30px (значок 20px) с центрированием — те же лишние ~5px слева. */ .v19-task-menu .time-line>button.v22-icon-button{width:20px!important;min-width:20px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:flex-start!important} .v19-task-menu :is(.time-line>[data-time-summary],.v18-artifact-row>button>span:not(.v22-icon),.v18-priority-row>span){margin:0!important;flex:0 1 auto;min-width:0;font:inherit!important;text-align:left!important} .v19-task-menu .time-line{padding-left:40px!important} .v19-task-menu .time-line>button{flex:0 0 auto;margin-left:6px!important} .v19-task-menu .v18-artifact-row:not(.v18-artifact-pickers):not(:has(span,img)){display:none!important} /* --- «Напоминание» (полноширинный прямоугольник) + чипы выбора артефактов под ним --- */ .v19-task-menu .v18-artifact-pickers{ display:flex!important;flex-wrap:wrap!important;gap:0!important; border:0!important;background:transparent!important;box-shadow:none!important; margin:0 0 1px!important;padding:0!important;min-height:0!important;height:auto!important;overflow:visible!important; } .v19-task-menu .v18-artifact-pickers>.v18-reminder{ order:-1;flex:1 0 100%!important;box-sizing:border-box!important; height:auto!important;min-height:var(--dj-task-property-min-height,34px)!important;max-height:none!important;margin:0!important;padding:0 var(--dj-task-property-padding-x,12px)!important;gap:8px!important; display:flex!important;align-items:center!important;justify-content:flex-start!important;white-space:nowrap;overflow:hidden; border:1px solid var(--panel,#fffdf8)!important;border-radius:var(--v19-row-radius,10px)!important; background:color-mix(in srgb,#8a7a5f 16%,var(--panel,#fffdf8))!important; } .v19-task-menu .v18-artifact-pickers>.v18-reminder>:is(.v22-icon,svg){flex:0 0 20px!important;width:20px!important;height:20px!important;margin:0} .v19-task-menu .v19-pickers-chips{ flex:1 0 100%!important;display:flex!important;flex-wrap:nowrap!important;gap:6px!important; margin-top:3px!important;padding:1px 0!important;overflow-x:auto!important;scrollbar-width:none; } .v19-task-menu .v19-pickers-chips::-webkit-scrollbar{display:none} /* «Хвост» строки выбора артефактов, когда кнопок не хватает на всю ширину — * не оставляем голый фон страницы, а «дорисовываем» прямоугольник того же * вида (цвет/рамка/радиус), что и у остальных базовых рядов меню (не такой * же высоты, как большие 34px-ряды — по высоте вровень с самими кнопками * выбора, это их непосредственный «хвост», а не отдельный самостоятельный * ряд). Чистый CSS (::after как ещё один flex-элемент, gap уже даёт нужный * отступ от последней кнопки): когда кнопки уже не помещаются (нужен * горизонтальный скролл), flex-shrink+min-width:0 сжимают его до 0 — * пропадает сам собой, без JS. */ .v19-task-menu .v19-pickers-chips::after{ content:"";order:99!important;flex:1 1 0;min-width:0;align-self:stretch; border:1px solid var(--panel,#fffdf8); border-radius:9px;background:color-mix(in srgb,#8a7a5f 16%,var(--panel,#fffdf8)); } /* (2) Порядок кнопок выбора артефактов: проект, тэг, напоминание, описание, * ритуал, камень, стена — чистым CSS по стабильным селекторам (не JS/inline- * style: те не переживают пересоздание узлов родным кодом при перерисовке). */ /* Накопительная цель (.v40-goal-form) отдаёт ТЕ ЖЕ по смыслу кнопки с ДРУГИМ * атрибутом — data-v40-artifact, не data-v36-artifact (обычная задача) — без * этого дубля порядок молча не применялся (все три кнопки падали на order:0 * по умолчанию, вперемешку, и «хвостовой» прямоугольник ниже вылезал не в * конце ряда, а посреди него). */ .v19-task-menu .v19-pickers-chips>:is([data-v36-artifact="project"],[data-v40-artifact="project"]){order:1!important} .v19-task-menu .v19-pickers-chips>:is([data-v36-artifact="tag"],[data-v40-artifact="tag"]){order:2!important} .v19-task-menu .v19-pickers-chips>.v18-reminder{order:3!important} .v19-task-menu .v19-pickers-chips>[data-v19-desc-chip]{order:4!important} .v19-task-menu .v19-pickers-chips>:is([data-v36-artifact="ritual"],[data-v40-artifact="ritual"]){order:5!important} .v19-task-menu .v19-pickers-chips>:is([data-v36-artifact="stone"],[data-v40-artifact="stone"]){order:6!important} .v19-task-menu .v19-pickers-chips>[data-v18-wall-picker]{order:7!important} .v19-task-menu .v19-pickers-chips>button{ flex:0 0 auto!important;min-height:32px;display:inline-flex!important;align-items:center!important;gap:6px!important; line-height:1!important;white-space:nowrap;padding:5px 9px!important; border:1px solid color-mix(in srgb,currentColor 22%,var(--line))!important;border-radius:9px!important;background:var(--panel,#fff)!important; } .v19-task-menu .v19-pickers-chips>button>span{line-height:1!important;display:inline-flex;align-items:center} .v19-task-menu .v19-pickers-chips>button>:is(.v22-icon,svg){flex:0 0 18px;width:18px!important;height:18px!important;margin:0} /* --- подзадачи / комментарии: [→][текст]…[+][счётчик]; счётчик = кружок как во «Проектах» --- */ .v19-task-menu :is(.subtask-panel>.section-head,.v18-comments-head){padding-left:12px!important} .v19-task-menu :is(.subtask-panel>.section-head,.v18-comments-head)>:is([data-v38-more],[data-v18-comments-toggle]){order:0!important;margin:0!important;opacity:1} .v19-task-menu :is(.subtask-panel>.section-head>.section-title,.v18-comments-head>span:first-child){order:1!important;flex:0 1 auto;font:inherit!important;font-weight:var(--v19-task-menu-font-weight)!important;margin:0!important} .v19-task-menu :is(.subtask-panel>.section-head,.v18-comments-head)>:is([data-v38-add],[data-v18-comments-add]){order:2!important;margin-left:auto!important} .v19-task-menu :is(.subtask-panel>.section-head,.v18-comments-head)>.v19-count{order:3!important;margin:0 0 0 6px!important} .v19-task-menu :is(.subtask-panel>.section-head,.v18-comments-head)>button{ flex:0 0 auto;width:30px;height:30px;padding:0!important;border:0!important;background:transparent!important;color:var(--accent)!important; display:grid!important;place-items:center; } .v19-task-menu :is(.subtask-panel>.section-head,.v18-comments-head)>button :is(.v22-icon,.v18-plus,span){width:20px!important;height:20px!important;font-size:20px;line-height:1} /* (74г) На мобильной ширине кнопка «+» Подзадач (design/mobile-controls.css, * `--dolijane-mobile-control-size`, 34px) и кнопка «+» Комментариев (никакого * класса не несёт, попадает под другое мобильное правило, живой замер — * 44px) расходились в размере — из-за этого те же самые «+» на глаз ещё и * не выстраивались по одной горизонтали (обе прижаты к правому краю через * margin-left:auto, но при разной ширине кнопки её левый край/зрительный * центр гуляет). Тройной якорь `.v19-task-menu`, чтобы гарантированно * перебить оба конкурирующих мобильных правила независимо от того, в каком * файле/порядке они загружены — тот же приём, что и везде в этом файле. */ @media(max-width:1024px){ .v19-task-menu.v19-task-menu.v19-task-menu :is(.subtask-panel>.section-head,.v18-comments-head)>button{ width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;max-width:44px!important;max-height:44px!important; } } .v19-task-menu :is(.subtask-panel>.section-head,.v18-comments-head)>[data-v38-add]>svg{display:none} .v19-task-menu :is(.subtask-panel>.section-head,.v18-comments-head) .v19-count{ box-sizing:border-box!important;flex:0 0 auto;display:inline-flex!important;align-items:center!important;justify-content:center!important; width:30px!important;height:30px!important;min-width:30px!important;padding:0!important;position:static!important; border:1px solid var(--line)!important;border-radius:50%!important;background:transparent!important; font-size:13px!important;font-weight:600!important;color:var(--muted,#7a7161)!important; } .v19-task-menu .v19-count>.v22-icon{display:none!important} .v19-task-menu .v19-count>.v19-count-n{position:static!important;font:inherit;font-weight:600} /* нет кнопки «ок»/«Готово» нигде в меню задачи. Раньше требовали ЕЩЁ и класс * .v23-system-action на этом же элементе — родной код иногда снимает атрибут * hidden РАНЬШЕ, чем успевает навесить этот класс (или у датчика/накопительной * этот класс вовсе не совпадает с тем же таймингом), из-за чего кнопка на * миг реально показывалась (мигание при вводе названия). Матчим только по * aria-label — надёжнее, гонки с классом больше нет. */ /* (29) Уточнение: родная v23DecorateSystemActions() (v23.js) навешивает * aria-label="Готово" на ЛЮБУЮ кнопку с подходящим текстом/title, включая * статус-кружок подзадачи (title="Готово" у done-статуса) — общее правило * выше случайно прятало и ЕГО тоже («у выполненной подзадачи нет кружка»). * Кружки (свои, [data-v09-subdone]/[data-task-toggle-done]) явно исключены. */ .v19-task-menu:not(.r21-entity-editor) :is(.save,[aria-label="Готово"],[aria-label="Done"]):not(.v19-nav-back):not([data-v09-subdone]):not([data-task-toggle-done]){display:none!important} /* ===== доп. правки (меню статуса вверху справа; кружок-глиф; выравнивание; срок; накопительная) ===== */ /* меню смены статуса задачи — держим в правом верхнем углу шапки */ .v19-task-menu>:is(.task-head-v09,.v38-task-head,.v40-goal-head)>:is(.task-top-actions,.v76-task-state-wrap,.v76-task-state-toggle,.v40-head-actions){ display:flex!important;order:9!important;flex:0 0 auto!important;margin:0 0 0 auto!important;align-self:flex-start!important; } .v19-task-menu>.task-top-actions{display:none!important} /* Кружок-статус в шапке НАКОПИТЕЛЬНОЙ цели стоял не по центру с названием — * причина: v41.css отдельно даёт именно .v40-goal-head>.task-state-check * align-self:start;margin-top:7px (расчёт под родную, другую по высоте шапку), * тогда как в обычном редакторе задачи тот же кружок везде центрируется * (.task-head-v09>.task-state-check{align-self:center;margin-top:0}, см. * v76.css/v78.css) — выравниваем накопительную шапку так же. */ .v19-task-menu>.v40-goal-head>.task-state-check{align-self:center!important;margin-top:0!important} .v19-task-menu .v40-goal-head{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:nowrap!important} .v19-task-menu :is(.v40-focus,[data-v40-goal-focus],.task-focus,.task-focus-mini){display:none!important} /* фокус — дубль */ /* «кружок задачи» — только глиф выбранного стиля, без обводки-кнопки и псевдоэлементов */ .v19-task-menu :is(.task-state-check,[data-v40-goal-status]).v23-task-circle{border:0!important;background:transparent!important;box-shadow:none!important;width:22px!important;height:22px!important;min-width:22px!important;padding:0!important} .v19-task-menu :is(.task-state-check,[data-v40-goal-status]).v23-task-circle::before, .v19-task-menu :is(.task-state-check,[data-v40-goal-status]).v23-task-circle::after{display:none!important} .v19-task-menu :is(.task-state-check,[data-v40-goal-status]) .v22-icon{width:22px!important;height:22px!important} /* «Готово»/«Успех»/«Провал» — родной код красит такой кружок через класс * .v23-system-action (заливка var(--accent) + белый значок поверх неё — тот * же класс, что у обычных акцентных кнопок). Мы двумя строками выше сняли * саму заливку (background:transparent, ради плоского унифицированного * вида) — белый значок остался БЕЗ цветной подложки под собой и стал * фактически невидимым («белая кнопка» на светлом фоне, замечено * пользователем). Красим сам значок в системный акцент вместо белого. */ .v19-task-menu.v19-task-menu.v19-task-menu :is(.task-state-check,[data-v40-goal-status]).v23-task-circle.v23-system-action, .v19-task-menu.v19-task-menu.v19-task-menu :is(.task-state-check,[data-v40-goal-status]).v23-task-circle.v23-system-action .v22-icon{ color:var(--accent)!important; } /* значки в Подзадачах/Комментариях — по левому краю, как в остальных рядах */ .v19-task-menu :is(.subtask-panel>.section-head,.v18-comments-head){padding-left:12px!important} .v19-task-menu :is(.subtask-panel>.section-head,.v18-comments-head)>:is([data-v38-more],[data-v18-comments-toggle]){margin:0!important} .v19-task-menu :is(.subtask-panel>.section-head,.v18-comments-head)>:is([data-v38-more],[data-v18-comments-toggle]) :is(.v22-icon,svg){width:20px!important;height:20px!important} /* «Срок» — текст не редактируется, всё поле кликабельно (открывает меню «Время») */ .v19-task-menu .time-line{cursor:pointer} .v19-task-menu .time-line>[data-time-summary]{pointer-events:none;user-select:none;cursor:pointer} /* теги: имена рядом со значком, в строчку (без обрезки в многоточие) */ .v19-task-menu .v18-artifact-row.tag>button>span:not(.v22-icon), .v19-task-menu .v18-artifact-row[data-v36-artifact="tag"]>button>span:not(.v22-icon){ overflow-x:auto!important;text-overflow:clip!important;white-space:nowrap!important;scrollbar-width:none; } /* накопительная: «Сумма/За раз» и «≥/≤» — сегментные переключатели; «Завершить числом» — кнопка */ .v19-task-menu .v40-manual-rules{display:inline-flex!important;gap:0!important;border:1px solid var(--line)!important;border-radius:8px!important;overflow:hidden;background:var(--panel,#fff)!important} .v19-task-menu .v40-manual-rules>button{border:0!important;border-radius:0!important;background:transparent!important;color:var(--muted,#7a7161)!important;padding:6px 12px!important;font-weight:600!important;min-height:32px} .v19-task-menu .v40-manual-rules>button+button{border-left:1px solid var(--line)!important} .v19-task-menu .v40-manual-rules>button.active{background:var(--accent)!important;color:#fff!important} .v19-task-menu .v40-manual-rules>[data-v40-comparison]{padding:6px 14px!important} .v19-task-menu .v15-number-completion{display:inline-flex!important;align-items:center;gap:0!important;margin-left:6px} .v19-task-menu .v15-number-completion>input[type="checkbox"]{position:absolute!important;opacity:0!important;width:1px;height:1px;pointer-events:none} .v19-task-menu .v15-number-completion{border:1px solid var(--line)!important;border-radius:8px!important;padding:4px 8px!important;background:var(--panel,#fff)!important;color:var(--muted,#7a7161)!important;font:inherit!important;font-size:12px!important;font-weight:600!important;cursor:pointer;min-height:32px} .v19-task-menu .v15-number-completion:has(>input:checked){background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important} /* ===== r22: зазоры ещё меньше и единые; меню статуса вертикально; убрать линию под заголовком ===== */ .v19-task-menu, .v19-task-menu :is(.v38-tag-artifacts,.v76-mobile-task-artifacts,.v36-artifacts,[data-v40-artifacts]){gap:0!important} .v19-task-menu>:is(.task-head-v09,.v38-task-head,.v40-goal-head){ margin-bottom:1px!important;box-shadow:none!important;border-bottom:0!important;padding-bottom:0!important; } /* единый вертикальный шаг между всеми прямоугольниками = 2px (1px margin у каждого) */ .v19-task-menu :is(.time-line,.v18-priority-row,.v18-artifact-row:not(.v18-artifact-pickers), .subtask-panel,.v18-comments,.v18-artifact-pickers>.v18-reminder){margin:1px 0!important} .v19-task-menu .v18-artifact-pickers{margin:1px 0!important} .v19-task-menu .v19-pickers-chips{margin:1px 0 0!important} /* «Напоминание» — тот же семантический minimum, что у остальных строк. */ .v19-task-menu .v18-artifact-pickers>.v18-reminder{ height:auto!important;min-height:var(--dj-task-property-min-height,34px)!important;max-height:none!important; border:1px solid var(--panel,#fffdf8)!important; border-radius:var(--v19-row-radius,10px)!important; background:color-mix(in srgb,#8a7a5f 16%,var(--panel,#fffdf8))!important; } /* меню смены статуса (справа вверху) — вертикальное */ .v19-task-menu>:is(.task-head-v09,.v38-task-head,.v40-goal-head)>:is(.task-top-actions,.v76-task-state-wrap,.v40-head-actions){ flex-direction:column!important;align-items:flex-end!important;justify-content:flex-start!important;gap:2px!important; } .v19-task-menu>:is(.task-head-v09,.v38-task-head,.v40-goal-head)>.v40-head-actions>button{margin:0!important} /* r22b: убрать вертикальные «дыры» от пустых структурных блоков и обёрток */ .v19-task-menu>:is(.v38-tag-artifacts,.v76-mobile-task-artifacts,.v36-artifacts,[data-v40-artifacts]){margin:0!important;padding:0!important} .v19-task-menu>:is([data-v40-special]:empty,[data-v40-artifacts]:empty,.v40-parse-error:empty,.form-grid:empty,div:empty:not([class])){display:none!important} .v19-task-menu>.task-top-actions{display:none!important} .v19-task-menu>:is(.subtask-panel,.v18-comments){margin-top:1px!important} /* r22c: накопительная — короткий ярлык типа в первой строке; меню статуса как в меню задачи */ .v19-task-menu .v19-cumulative-kind{ align-self:flex-start!important;margin:1px 0 2px!important;padding:3px 9px!important; border-radius:8px!important;font-size:12px!important;font-weight:650!important;text-transform:lowercase; } .v19-task-menu .v19-cumulative-kind .v22-icon{width:15px!important;height:15px!important;color:#fff!important} .v19-task-menu .v19-cumulative-kind .v22-icon :is(.v22-main,.v22-echo,.architect-echo)>*{stroke:currentColor!important} /* в шапке накопительной — нет «Готово» и «Отмена», только действия статуса (как в меню задачи) */ .v19-task-menu .v40-head-actions>[data-v40-goal-close]{display:none!important} .v19-task-menu .v40-head-actions>button.primary:not([data-v40-goal-fail]):not([data-v40-goal-cancel-task]):not([data-v40-goal-delete]):not([data-v40-goal-close]){display:none!important} /* ============================================================================ * r26: меню задачи и накопительной уже (~60% ширины); ряды-прямоугольники — * одна высота 34px, одинаковый шаг 2px, значок и текст слева. Аккуратный * единый проход вместо накопленных r23–r25. * ==========================================================================*/ .modal.v19-task-menu{width:62%!important;max-width:62%!important;min-width:300px!important;margin-inline:auto!important} /* обёртки не добавляют вертикальных отступов */ .v19-task-menu :is(.v38-tag-artifacts,.v76-mobile-task-artifacts,.v40-artifacts,.v36-artifacts,[data-v40-artifacts],[data-v40-special]){display:block!important;margin:0!important;padding:0!important;gap:0!important;border:0!important;background:transparent!important} .v19-task-menu :is([data-v40-special]:empty,.v40-parse-error:empty){display:none!important} /* каждый ряд-прямоугольник — общий вид */ .v19-task-menu :is( .time-line,.v18-priority-row, .v18-artifact-row:not(.v18-artifact-pickers), .v18-artifact-pickers>.v18-reminder, .subtask-panel>.section-head,.v18-comments-head, .v19-desc-row ){ box-sizing:border-box!important;width:100%!important; height:auto!important;min-height:var(--dj-task-property-min-height,34px)!important;max-height:none!important;margin:1px 0!important;padding:0 var(--dj-task-property-padding-x,12px)!important;gap:8px!important; display:flex!important;align-items:center!important;justify-content:flex-start!important;text-align:left!important; border:1px solid var(--panel,#fffdf8)!important; border-radius:var(--v19-row-radius,10px)!important; background:color-mix(in srgb,#8a7a5f 16%,var(--panel,#fffdf8))!important; box-shadow:none!important;overflow:hidden!important; } .v19-task-menu :is(.time-line,.v18-priority-row,.v18-artifact-row:not(.v18-artifact-pickers),.v18-artifact-pickers>.v18-reminder,.subtask-panel>.section-head,.v18-comments-head){height:auto!important;min-height:var(--dj-task-property-min-height,34px)!important;max-height:none!important;flex:0 0 auto!important} .v19-task-menu .v19-desc-row{height:auto!important;min-height:var(--dj-task-property-min-height,34px)!important;flex:0 0 auto!important;align-items:center!important;padding:var(--dj-task-content-padding-y,6px) var(--dj-task-property-padding-x,12px)!important} .v19-task-menu :is(.subtask-panel,.v18-comments){margin:1px 0!important;padding:0!important;border:0!important;background:transparent!important;min-height:0!important;height:auto!important} .v19-task-menu .v18-artifact-pickers{margin:1px 0!important} .v19-task-menu .v19-pickers-chips{margin:1px 0 0!important} /* содержимое ряда: ведущий значок фикс 20px, затем текст — слева, в одну линию. * Раскладка (flex) — для всех рядов; сброс рамки/фона/паддинга — ТОЛЬКО для кнопки * артефакта (она внутри уже обведённого .v18-artifact-row). Прочие перечисленные * элементы (.time-line, .v18-priority-row, .v18-reminder, .section-head, * .v18-comments-head) сами являются видимым прямоугольником — рамку не трогаем. */ .v19-task-menu :is( .v18-artifact-row:not(.v18-artifact-pickers)>button, .v18-artifact-pickers>.v18-reminder, .v18-priority-row, .subtask-panel>.section-head,.v18-comments-head, .time-line ){display:flex!important;align-items:center!important;gap:8px!important;justify-content:flex-start!important;box-sizing:border-box!important;min-width:0} .v19-task-menu .v18-artifact-row:not(.v18-artifact-pickers)>button{width:100%!important;border:0!important;background:transparent!important;padding:0!important} .v19-task-menu :is( .v18-artifact-row:not(.v18-artifact-pickers)>button, .v18-artifact-pickers>.v18-reminder, .v18-priority-row )>:is(.v22-icon,.v58-priority-flag,.priority-flag,svg):first-child{order:-1!important;flex:0 0 20px!important;width:20px!important;height:20px!important;margin:0!important} .v19-task-menu :is(.subtask-panel>.section-head,.v18-comments-head)>:is([data-v38-more],[data-v18-comments-toggle]){order:-1!important;flex:0 0 20px!important;width:20px!important;height:20px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:var(--muted,#8a7d68)!important} .v19-task-menu :is(.subtask-panel>.section-head>.section-title,.v18-comments-head>span:first-child){order:0!important;flex:0 1 auto;font:inherit!important;font-weight:var(--v19-task-menu-font-weight)!important;margin:0!important} .v19-task-menu :is(.subtask-panel>.section-head,.v18-comments-head)>:is([data-v38-add],[data-v18-comments-add]){order:8!important;margin-left:auto!important;flex:0 0 auto} .v19-task-menu :is(.subtask-panel>.section-head,.v18-comments-head)>.v19-count{order:9!important;flex:0 0 auto;margin:0 0 0 6px!important} .v19-task-menu :is(.subtask-panel>.section-head,.v18-comments-head)>[data-v38-add]>svg{display:none} /* «Срок»: значок слева, потом текст; текст не редактируется */ .v19-task-menu .time-line>:is([data-time-open],[data-v40-time-open],button){order:-1!important;flex:0 0 20px!important;width:20px!important;height:20px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important} .v19-task-menu .time-line>:is([data-time-summary],.time-summary){order:0!important;flex:0 1 auto;margin:0!important;text-align:left!important;pointer-events:none;user-select:none} .v19-task-menu .time-line{cursor:pointer} /* Напоминание — чипы в строчку */ .v19-task-menu .v18-reminder>span:not(.v19-reminder-chips){flex:0 0 auto} .v19-task-menu .v19-reminder-chips{display:inline-flex!important;gap:4px!important;overflow-x:auto;scrollbar-width:none;margin-left:6px;min-width:0} .v19-task-menu .v19-reminder-chips::-webkit-scrollbar{display:none} .v19-task-menu .v19-reminder-chip{flex:0 0 auto;padding:1px 8px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));color:var(--accent);font-size:var(--v19-task-menu-secondary-size);font-weight:var(--v19-task-menu-secondary-weight);white-space:nowrap;line-height:var(--v19-task-menu-secondary-line-height)} /* «Описание» */ .v19-task-menu .v19-desc-row>textarea{width:100%!important;border:0!important;background:transparent!important;outline:0!important;resize:none!important;min-height:22px;max-height:88px;font:inherit;color:inherit;padding:0!important} .v19-task-menu .v19-desc-row[hidden]{display:none!important} /* теги: имена рядом со значком, в строчку без многоточия */ .v19-task-menu :is(.v18-artifact-row[data-artifact-row="tag"],[data-artifact-row="stone"],.v18-artifact-row.tag,.v18-artifact-row.stone,[data-v36-artifact="tag"]) :is(span,button){white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important} .v19-task-menu .v18-artifact-row[data-artifact-row="tag"]{overflow-x:auto!important;scrollbar-width:none} .v19-task-menu .v18-artifact-row[data-artifact-row="tag"]::-webkit-scrollbar{display:none} /* «завершить числом» и переключатели — одна строка, шаг как у всех */ /* Ручная: строка меры — наверх формы (сразу под названием), поверх родного * order:7 (client-refinements.css). Для датчика это НЕ действует: там сама * строка — не прямой flex-ребёнок формы (лежит внутри .v19-datchik-row, * см. v19DatchikRow), order на ней самой в этом случае ни на что не влияет. */ .v19-task-menu .v40-measure-row{order:1!important} .v19-task-menu .v40-measure-row{display:flex!important;align-items:center!important;gap:6px!important;margin:1px 0!important;flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none;height:auto!important;min-height:var(--dj-task-property-min-height,34px)!important;max-height:none!important} .v19-task-menu .v40-measure-row::-webkit-scrollbar{display:none} /* (13) порядок: [Задачи] [≥/≤] [число] [мера] [сумма/за раз] [завершить числом] */ .v19-task-menu .v40-measure-row>label{order:0!important} .v19-task-menu .v40-measure-row>.v19-measure-cmp{order:1!important;display:inline-flex!important;flex:0 0 auto!important} /* Ручная строка меры: поля выбора (после значка+подписи «Число») — той же * группой к правому краю прямоугольника, как и у датчика (см. auto-отступ * на .v19-datchik-cmp-text выше) — иначе оставался большой пустой хвост * справа. Для датчика это правило не действует — там .v19-measure-cmp * скрыт ([hidden]) и margin ни на что не влияет. */ .v19-task-menu .v40-measure-row:not(.v19-datchik-header-row)>.v19-measure-cmp{margin-left:auto!important} .v19-task-menu .v19-measure-cmp .v19-cmp-locked{opacity:.5!important;cursor:default!important} /* (12) сравнение и суммарно/за раз —