davidl/tolaria
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: remove wide note max width

Browse Source
This commit is contained in:
lucaronin
2026-04-29 22:12:43 +02:00
parent cca72a9d6a
commit b2a50d9870
2 changed files with 18 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Editor.css
View File

@@ -205,7 +205,7 @@
}
.editor-content-width--wide .editor-content-wrapper {
max-width: min(100%, 1280px);
max-width: none;
padding-left: clamp(24px, 4vw, 72px);
padding-right: clamp(24px, 4vw, 72px);
}

17
tests/smoke/note-width-modes.spec.ts
View File

@@ -24,6 +24,22 @@ async function executePaletteCommand(page: Page, label: string) {
await executeCommand(page, label)
}
async function expectWideModeHasUnboundedWidth(page: Page) {
const metrics = await page.locator('.editor-content-width--wide .editor-content-wrapper').evaluate((wrapper) => {
const style = window.getComputedStyle(wrapper)
return {
maxWidth: style.maxWidth,
paddingLeft: Number.parseFloat(style.paddingLeft),
paddingRight: Number.parseFloat(style.paddingRight),
}
})
expect(metrics.maxWidth).toBe('none')
expect(metrics.paddingLeft).toBeGreaterThanOrEqual(16)
expect(metrics.paddingRight).toBeGreaterThanOrEqual(16)
}
test.beforeEach(async ({ page }, testInfo) => {
testInfo.setTimeout(60_000)
tempVaultDir = createFixtureVaultCopy()
@@ -41,6 +57,7 @@ test('note width modes persist only when frontmatter already exists', async ({ p
await expect(page.locator('.editor-content-width--normal')).toBeVisible({ timeout: 5_000 })
await page.getByRole('button', { name: 'Switch to wide note width' }).click()
await expect(page.locator('.editor-content-width--wide')).toBeVisible({ timeout: 5_000 })
await expectWideModeHasUnboundedWidth(page)
await expect.poll(() => fs.readFileSync(alphaProjectPath(tempVaultDir), 'utf8')).toMatch(/_width:\s+"?wide"?/)
await executePaletteCommand(page, 'Use Normal Note Width')