Jayden/AFFiNE-Mirror
0
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-09-23 04:04:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore(editor): adjust min width of edgeless note (#10153)

Browse Source 
Close [BS-2499](https://linear.app/affine-design/issue/BS-2499/所有notes最小宽度调整为218px)

### What changes
- adjusted min width of edgeless note
  - placeholder show ellipsis in min edgeless note
- refactored somes button of `change-note-button.ts` with `isPageBlock`
This commit is contained in:
L-Sun
2025-02-13 12:40:14 +00:00
parent 96bde3ceaf
commit 3ada4bee0d
6 changed files with 23 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files
blocksuite/tests-legacy/edgeless/note/resize.spec.ts
+6 -37
View File
@@ -2,11 +2,11 @@ import { expect } from '@playwright/test';
import {
activeNoteInEdgeless,
dragBetweenCoords,
enterPlaygroundRoom,
getNoteRect,
initEmptyEdgelessState,
redoByClick,
resizeElementByHandle,
selectNoteInEdgeless,
setEdgelessTool,
switchEditorMode,
@@ -44,15 +44,8 @@ test('resize note in edgeless mode', async ({ page }) => {
await selectNoteInEdgeless(page, noteId);
const initRect = await getNoteRect(page, noteId);
const leftHandle = page.locator('.handle[aria-label="left"] .resize');
const box = await leftHandle.boundingBox();
if (box === null) throw new Error();
await resizeElementByHandle(page, { x: -100, y: 0 }, 'bottom-left');
await dragBetweenCoords(
page,
{ x: box.x + 5, y: box.y + 5 },
{ x: box.x - 95, y: box.y + 5 }
);
const draggedRect = await getNoteRect(page, noteId);
assertRectEqual(draggedRect, {
x: initRect.x - 100,
@@ -84,15 +77,8 @@ test('resize note then collapse note', async ({ page }) => {
await selectNoteInEdgeless(page, noteId);
const initRect = await getNoteRect(page, noteId);
const leftHandle = page.locator('.handle[aria-label="left"] .resize');
let box = await leftHandle.boundingBox();
if (box === null) throw new Error();
await dragBetweenCoords(
page,
{ x: box.x + 50, y: box.y + box.height },
{ x: box.x + 50, y: box.y + box.height + 100 }
);
await resizeElementByHandle(page, { x: 0, y: 100 }, 'bottom-right');
let noteRect = await getNoteRect(page, noteId);
await expect(page.getByTestId('edgeless-note-collapse-button')).toBeVisible();
assertRectEqual(noteRect, {
@@ -111,17 +97,9 @@ test('resize note then collapse note', async ({ page }) => {
expect(domRect!.height).toBeCloseTo(initRect.h + 100);
await selectNoteInEdgeless(page, noteId);
box = await leftHandle.boundingBox();
if (box === null) throw new Error();
await dragBetweenCoords(
page,
{ x: box.x + 50, y: box.y + box.height },
{ x: box.x + 50, y: box.y + box.height - 150 }
);
await resizeElementByHandle(page, { x: 0, y: -150 }, 'bottom-right');
noteRect = await getNoteRect(page, noteId);
await expect(
page.getByTestId('edgeless-note-collapse-button')
).not.toBeVisible();
assertRectEqual(noteRect, {
x: initRect.x,
y: initRect.y,
@@ -149,17 +127,8 @@ test('resize note then auto size and custom size', async ({ page }) => {
await selectNoteInEdgeless(page, noteId);
const initRect = await getNoteRect(page, noteId);
const bottomRightResize = page.locator(
'.handle[aria-label="bottom-right"] .resize'
);
const box = await bottomRightResize.boundingBox();
if (box === null) throw new Error();
await dragBetweenCoords(
page,
{ x: box.x + 5, y: box.y + 5 },
{ x: box.x + 5, y: box.y + 105 }
);
await resizeElementByHandle(page, { x: 0, y: 100 }, 'bottom-right');
const draggedRect = await getNoteRect(page, noteId);
assertRectEqual(draggedRect, {