diff --git a/apps/web/src/components/MemoListPane.test.mjs b/apps/web/src/components/MemoListPane.test.mjs index dc4d0975..3de475cb 100644 --- a/apps/web/src/components/MemoListPane.test.mjs +++ b/apps/web/src/components/MemoListPane.test.mjs @@ -11,3 +11,11 @@ describe("memo context menu", () => { expect(source).not.toContain("contextMoveOpen"); }); }); + +describe("desktop memo list spacing", () => { + test("reserves matching desktop scrollbar gutters on both sides", () => { + const source = readFileSync(new URL("./MemoListPane.tsx", import.meta.url), "utf8"); + + expect(source).toContain("lg:px-0 lg:pb-3 lg:[scrollbar-gutter:stable_both-edges]"); + }); +}); diff --git a/apps/web/src/components/MemoListPane.tsx b/apps/web/src/components/MemoListPane.tsx index 78f7451d..6730028e 100644 --- a/apps/web/src/components/MemoListPane.tsx +++ b/apps/web/src/components/MemoListPane.tsx @@ -1367,7 +1367,7 @@ export const MemoListPane = ({