diff --git a/src/back/routes/horizontal-scroller-demo.css b/src/back/routes/horizontal-scroller-demo.css deleted file mode 100644 index 5070db1..0000000 --- a/src/back/routes/horizontal-scroller-demo.css +++ /dev/null @@ -1,24 +0,0 @@ -.bignum { - font-size: 60px; - background-color: aquamarine; - color: hsl(159.8, 100%, 39.9%); - width: 150px; - height: 200px; - display: flex; - align-items: center; - justify-content: center; -} - -.horizontal-scroller { - .next-button, - .prev-button { - pointer-events: none; - opacity: 0.5; - } - - &.has-next .next-button, - &.has-prev .prev-button { - pointer-events: all; - opacity: 1; - } -} diff --git a/src/back/routes/horizontal-scroller-demo.page.tsx b/src/back/routes/horizontal-scroller-demo.page.tsx deleted file mode 100644 index c66618d..0000000 --- a/src/back/routes/horizontal-scroller-demo.page.tsx +++ /dev/null @@ -1,90 +0,0 @@ -import type { Context } from "koa"; -import { TempstreamJSX } from "tempstream"; -import { Page } from "@sealcode/sealgen"; -import html from "../html.js"; -import { horizontalScroller } from "./common/horizontal-scroller/horizontal-scroller.js"; - -export const actionName = "HorizontalScrollerDemo"; - -export default new (class HorizontalScrollerDemoPage extends Page { - // eslint-disable-next-line @typescript-eslint/no-unused-vars - async canAccess(_: Context) { - return { canAccess: true, message: "" }; - } - - async render(ctx: Context) { - return html( - ctx, - "HorizontalScrollerDemo", -
-

Always scrolls + has buttons

- {horizontalScroller({ - elements: [1, 2, 3, 4, 5, 6, 7, 9, 10, 11, 12, 13].map((n) => ( -
{n}
- )), - render: async ({ scroller, markers }) => ( -
-
- - -
- {scroller} - {markers} -
- ), - })} -

Sometimes doesn't scroll, then dots are hidden

- { - /* HTML */ `` - } - {horizontalScroller({ - elements: [1, 2, 3, 4].map((n) =>
{n}
), - render: async ({ scroller, markers }) => ( -
-
- - -
- {scroller} - {markers} -
- ), - })} -
- ); - } -})(); diff --git a/src/back/routes/horizontal-scroller-demo.test.ts b/src/back/routes/horizontal-scroller-demo.test.ts deleted file mode 100644 index 78e2208..0000000 --- a/src/back/routes/horizontal-scroller-demo.test.ts +++ /dev/null @@ -1,16 +0,0 @@ -import { withProdApp } from "../test_utils/with-prod-app.js"; -import { VERY_LONG_TEST_TIMEOUT, webhintURL } from "../test_utils/webhint.js"; -import { HorizontalScrollerDemoURL } from "./urls.js"; - -describe("HorizontalScrollerDemo webhint", () => { - it("doesn't crash", async function () { - return withProdApp(async ({ base_url, rest_api }) => { - await rest_api.get(HorizontalScrollerDemoURL); - await webhintURL(base_url + HorizontalScrollerDemoURL); - // alternatively you can use webhintHTML for faster but less precise scans - // or for scanning responses of requests that use some form of authorization: - // const response = await rest_api.get(HorizontalScrollerDemoURL); - // await webhintHTML(response); - }); - }).timeout(VERY_LONG_TEST_TIMEOUT); -});