diff --git a/web/src/modules/wiki/Tree.test.tsx b/web/src/modules/wiki/Tree.test.tsx index 390d876..1168bf9 100644 --- a/web/src/modules/wiki/Tree.test.tsx +++ b/web/src/modules/wiki/Tree.test.tsx @@ -1,5 +1,7 @@ import { render, screen } from "@testing-library/react"; import userEvent from "@testing-library/user-event"; +import { readFileSync } from "node:fs"; +import { resolve } from "node:path"; import { describe, expect, it, vi } from "vitest"; import type { WikiNode } from "./api/queries.ts"; import { Tree } from "./Tree.tsx"; @@ -85,3 +87,11 @@ describe("Tree", () => { expect(item("B")).toHaveAttribute("aria-expanded", "true"); }); }); + +describe("дерево: многострочные названия (#133)", () => { + it("строка дерева не сжимается в переполненной колонке — перенесённый текст не налезает на соседей", () => { + const css = readFileSync(resolve(__dirname, "wiki.css"), "utf8"); + const rule = css.match(/\.wiki-tree__item\{[^}]*\}/)?.[0] ?? ""; + expect(rule).toMatch(/flex:none|flex-shrink:0/); + }); +}); diff --git a/web/src/modules/wiki/wiki.css b/web/src/modules/wiki/wiki.css index e80ab72..308d0c9 100644 --- a/web/src/modules/wiki/wiki.css +++ b/web/src/modules/wiki/wiki.css @@ -12,7 +12,7 @@ /* дерево */ .wiki-tree{display:flex;flex-direction:column;gap:var(--space-1);max-height:70vh;overflow:auto} -.wiki-tree__item{display:flex;align-items:center;gap:var(--space-1);min-height:var(--control-h);padding-inline-end:var(--space-2);border-radius:var(--radius-md); +.wiki-tree__item{flex:none;display:flex;align-items:center;gap:var(--space-1);min-height:var(--control-h);padding-inline-end:var(--space-2);border-radius:var(--radius-md); font-size:var(--fs-body);line-height:var(--lh-body);color:var(--color-text-primary);cursor:pointer} .wiki-tree__item:hover{background:var(--color-bg-hover)} .wiki-tree__item.is-selected{background:var(--color-bg-selected);color:var(--color-action-primary);font-weight:600}