aep/sdlc-hub
1
0
Fork 0
Code Issues 24 Pull Requests Actions Packages Projects Releases Wiki Activity

Вики: длинные названия в дереве не налезают на соседние строки (#133) #134

Merged
aep merged 1 commits from feat/133-wiki-tree-wrap into main 2026-10-27 18:05:46 +03:00
Conversation 0 Commits 1 Files Changed 2 +11 -1
2 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
web/src/modules/wiki/Tree.test.tsx
View File

@ -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/);
});
});

2
web/src/modules/wiki/wiki.css
View File

@ -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}