@protobase/ui 0.22.7 → 0.22.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/app/displays/board-display.js +1 -1
- package/dist/app/displays/cards-display.js +1 -1
- package/dist/app/displays/custom-display.js +1 -1
- package/dist/app/pages/blocks/card-row.js +1 -1
- package/dist/app/record-row/record-row.js +1 -1
- package/dist/package.js +1 -1
- package/dist/shell/assets/{app-bQTchBn5.js → app-DivHWgft.js} +6 -6
- package/dist/shell/assets/{index-Bo6QYFeS.js → index-BU2imrOR.js} +1 -1
- package/dist/shell/assets/{maplibre-D6Uec36I.js → maplibre-CpkT3k-d.js} +1 -1
- package/dist/shell/assets/{markdown-content-BJX69D8o.js → markdown-content-Cu8Q0N0V.js} +1 -1
- package/dist/shell/assets/{record-map-BkrYRpgN.js → record-map-DMFFj00J.js} +1 -1
- package/dist/shell/assets/{records-map-KUezCU26.js → records-map-C1VrhxtO.js} +1 -1
- package/dist/shell/assets/{shared-protobase-ui-BD0VhagU.js → shared-protobase-ui-DyjCtT2d.js} +1 -1
- package/dist/shell/index.html +3 -3
- package/dist/shell/protobase.shell.json +1 -1
- package/package.json +4 -4
|
@@ -67,7 +67,7 @@ const BoardDisplay = ({ model, view, display, fields, filter, orderBy, limit })
|
|
|
67
67
|
screenReaderInstructions: { draggable: "To move a card to another column, press Space, move it with the left and right arrow keys, and press Space again to drop it there. Escape puts it back." }
|
|
68
68
|
},
|
|
69
69
|
children: [/* @__PURE__ */ jsx("div", {
|
|
70
|
-
className: "min-w-0 flex-1 overflow-x-auto",
|
|
70
|
+
className: "relative min-w-0 flex-1 overflow-x-auto",
|
|
71
71
|
children: /* @__PURE__ */ jsx("div", {
|
|
72
72
|
className: "flex snap-x items-start gap-3 pb-2",
|
|
73
73
|
children: columns.map((column) => /* @__PURE__ */ jsx(BoardColumnView, {
|
|
@@ -6,7 +6,7 @@ import { DisplayFooter, DisplayState } from "./display-frame.js";
|
|
|
6
6
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
7
7
|
//#region src/app/displays/cards-display.tsx
|
|
8
8
|
const grid = "grid grid-cols-[repeat(auto-fill,minmax(15rem,1fr))] gap-3";
|
|
9
|
-
const scroller = "flex snap-x snap-mandatory gap-3 overflow-x-auto pb-1";
|
|
9
|
+
const scroller = "relative flex snap-x snap-mandatory gap-3 overflow-x-auto pb-1";
|
|
10
10
|
/** A card per record (see `RecordCard`), in a grid or a row, with how many match and a button for more below. */
|
|
11
11
|
const CardsDisplay = ({ model, view, display, list, row = false, footer = true }) => {
|
|
12
12
|
const plural = (view?.names?.plural ?? humanize(model.name)).toLowerCase();
|
|
@@ -20,7 +20,7 @@ const CustomDisplay = ({ display, list }) => {
|
|
|
20
20
|
return /* @__PURE__ */ jsx(ListDisplayProvider, {
|
|
21
21
|
value: list,
|
|
22
22
|
children: /* @__PURE__ */ jsx("div", {
|
|
23
|
-
className: "min-w-0 flex-1 overflow-x-auto",
|
|
23
|
+
className: "relative min-w-0 flex-1 overflow-x-auto",
|
|
24
24
|
children: /* @__PURE__ */ jsx(CustomBoundary, {
|
|
25
25
|
name: display.component,
|
|
26
26
|
children: /* @__PURE__ */ jsx(Component, { ...unmarkFieldRefs(display.props ?? {}) })
|
|
@@ -25,7 +25,7 @@ const LoadedCardRow = ({ model, filter, sort, limit = 12, title, description, em
|
|
|
25
25
|
title: "Could not load",
|
|
26
26
|
error: page.error
|
|
27
27
|
}) : rows.length === 0 ? /* @__PURE__ */ jsx(Quiet, { children: empty ?? "Nothing here yet." }) : /* @__PURE__ */ jsx("ul", {
|
|
28
|
-
className: "-mx-4 flex snap-x gap-3 overflow-x-auto px-4 pb-1",
|
|
28
|
+
className: "relative -mx-4 flex snap-x gap-3 overflow-x-auto px-4 pb-1",
|
|
29
29
|
children: rows.map((row) => {
|
|
30
30
|
const scope = scopeOf(model, row);
|
|
31
31
|
return /* @__PURE__ */ jsx("li", {
|
|
@@ -36,7 +36,7 @@ const RecordRow = ({ model, view, display, source, label, isNew }) => {
|
|
|
36
36
|
/* @__PURE__ */ jsxs("ul", {
|
|
37
37
|
ref: scroll.ref,
|
|
38
38
|
"aria-label": label,
|
|
39
|
-
className: "flex snap-x gap-3 overflow-x-auto overflow-y-hidden pb-1",
|
|
39
|
+
className: "relative flex snap-x gap-3 overflow-x-auto overflow-y-hidden pb-1",
|
|
40
40
|
style: { scrollbarWidth: "thin" },
|
|
41
41
|
children: [
|
|
42
42
|
/* @__PURE__ */ jsx(Spacer, { cards: scroll.start }),
|
package/dist/package.js
CHANGED