diff --git a/web/src/issues/IssueCard.test.tsx b/web/src/issues/IssueCard.test.tsx index 070cff8..af13998 100644 --- a/web/src/issues/IssueCard.test.tsx +++ b/web/src/issues/IssueCard.test.tsx @@ -38,7 +38,7 @@ describe("карточка задачи", () => { const head = screen.getByTestId("issue-head"); expect(within(head).getByText("AURORA-9001")).toBeInTheDocument(); expect(within(head).getByText("В работе", { selector: ".badge.status" })).toBeInTheDocument(); - expect(within(head).getByText("В работе", { selector: ".badge.fact" })).toHaveClass("fact-in-progress"); + expect(within(head).getByText("факт: В работе", { selector: ".badge.fact" })).toHaveClass("fact-in-progress"); // как в макете раздела 1 expect(within(head).getByTestId("issue-facts")).toHaveTextContent("Иванов Иван Иванович · срок 10.01 просрочено · AWPCA_Спринт 2 · эпик: Тестовый эпик"); expect(within(head).getByText("просрочено")).toHaveClass("overdue"); expect(screen.getByRole("link", { name: "Открыть в Jira ↗" })).toHaveAttribute("href", "https://sdlc.go.rshbank.ru/jira/browse/AURORA-9001"); diff --git a/web/src/issues/IssueCard.tsx b/web/src/issues/IssueCard.tsx index 6d99946..8296dac 100644 --- a/web/src/issues/IssueCard.tsx +++ b/web/src/issues/IssueCard.tsx @@ -47,7 +47,7 @@ export function IssueCard({ issueKey: key, onClose }: { issueKey: string; onClos
{i.key} {i.status && {i.status}} - {fact && {fact}} + {fact && факт: {fact}} Открыть в Jira ↗ {close} diff --git a/web/src/issues/issues.css b/web/src/issues/issues.css index 263e1a6..8b1acda 100644 --- a/web/src/issues/issues.css +++ b/web/src/issues/issues.css @@ -21,6 +21,7 @@ .badge.fact.fact-cancelled{border-color:var(--muted);color:var(--muted);text-decoration:line-through} .issue .cols{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start} .issue .side{display:flex;flex-direction:column;gap:16px;min-width:0} +.issue .side .note{align-self:stretch} /* .note{align-self:start} — с прежней страницы; в колонке окна — на всю ширину */ .issue .main{min-width:0} @media (max-width:899.98px){ .issue .cols{display:flex;flex-direction:column;align-items:stretch;gap:16px} @@ -40,7 +41,9 @@ .issue .links .sum{flex:1 1 200px;min-width:0} .issue .links .absent{color:var(--muted);font-style:italic} .issue .description{white-space:pre-wrap;font:inherit;background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:10px;margin:0 0 4px} -.issue .description.clamped{display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;overflow:hidden} +.issue .description.clamped{display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;overflow:hidden; + /* нижний отступ — рамкой цвета фона: overflow обрезает по краю padding, и в нижнем padding была видна 9-я строка */ + padding-bottom:0;border-bottom:10px solid var(--panel);box-shadow:0 1px 0 var(--line)} .issue .comments ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px} .issue .comments .who{font-size:12px;color:var(--muted);margin-bottom:2px} .issue .comments .body{white-space:pre-wrap;font:inherit;margin:0}