nicola/resumarkdown
1
0
Fork 0
Code

fix pane sizing on desktop

Browse Source
This commit is contained in:
Nicola Clark 2024-10-12 11:36:03 -05:00
parent 75445601aa
commit 3049446f65
Signed by: nicola
GPG Key ID: 3E1710E7FF08956C
2 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/lib/components/content.svelte
View File

@ -27,7 +27,7 @@
} }
@media screen and (min-width: @sizes[lg]) { @media screen and (min-width: @sizes[lg]) {
flex-grow: 1; width: 50%;
&.preview { &.preview {
display: unset !important; display: unset !important;

11
tests/desktop.test.ts
View File

@ -19,3 +19,14 @@ test('desktop page has no "preview" nav item', async ({ page }) => {
await page.goto('/'); await page.goto('/');
await expect(page.getByRole('tab').filter({ hasText: 'preview' })).toBeHidden(); await expect(page.getByRole('tab').filter({ hasText: 'preview' })).toBeHidden();
}); });
test('desktop page has equal width for both columns', async ({ page }) => {
await page.goto('/');
const { width: contentWidth } = (await page.getByTestId('content-pane').boundingBox()) ?? {
width: -1,
};
const { width: previewWidth } = (await page.getByTestId('preview-pane').boundingBox()) ?? {
width: -2,
};
expect(contentWidth).toEqual(previewWidth);
});