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);
-});