@proveanything/smartlinks-utils-ui 0.12.17 → 0.12.19

package/dist/components/RecordsAdmin/index.js

@@ -8842,11 +8842,16 @@ function PreviewReopenPill({
 }) {
   const [pos, setPos] = useState(null);
   const rafRef = useRef(null);
+  const getViewportCenterY = () => {
+    if (typeof window === "undefined") return 200;
+    const vv = window.visualViewport;
+    return vv ? vv.offsetTop + vv.height / 2 : window.innerHeight / 2;
+  };
   useLayoutEffect(() => {
     const el = anchorRef.current;
     if (typeof window === "undefined") return;
-    const TOP_INSET = 14;
-    const fallbackTop = () => vAlign === "top" ? TOP_INSET : vAlign === "bottom" ? Math.max(0, window.innerHeight - TOP_INSET) : window.innerHeight / 2;
+    const TOP_INSET = 0;
+    const fallbackTop = () => vAlign === "top" ? TOP_INSET : vAlign === "bottom" ? Math.max(0, window.innerHeight - TOP_INSET) : getViewportCenterY();
     if (!el) {
       setPos({ top: fallbackTop(), right: 8, left: 8 });
       return;
@@ -8858,7 +8863,7 @@ function PreviewReopenPill({
         if (rect.width === 0 && rect.height === 0) {
           return;
         }
-        const top = vAlign === "top" ? rect.top + TOP_INSET : vAlign === "bottom" ? rect.bottom - TOP_INSET : rect.top + rect.height / 2;
+        const top = vAlign === "top" ? rect.top + TOP_INSET : vAlign === "bottom" ? rect.bottom - TOP_INSET : getViewportCenterY();
         setPos({
           top,
           right: Math.max(0, window.innerWidth - rect.right),
@@ -8872,16 +8877,20 @@ function PreviewReopenPill({
     ro.observe(document.body);
     window.addEventListener("resize", measure);
     window.addEventListener("scroll", measure, true);
+    window.visualViewport?.addEventListener("resize", measure);
+    window.visualViewport?.addEventListener("scroll", measure);
     return () => {
       ro.disconnect();
       window.removeEventListener("resize", measure);
       window.removeEventListener("scroll", measure, true);
+      window.visualViewport?.removeEventListener("resize", measure);
+      window.visualViewport?.removeEventListener("scroll", measure);
       if (rafRef.current != null) cancelAnimationFrame(rafRef.current);
     };
   }, [anchorRef, vAlign]);
   if (typeof document === "undefined") return null;
   const effectivePos = pos ?? {
-    top: typeof window !== "undefined" ? vAlign === "top" ? 14 : vAlign === "bottom" ? window.innerHeight - 14 : window.innerHeight / 2 : 200,
+    top: typeof window !== "undefined" ? vAlign === "top" ? 14 : vAlign === "bottom" ? window.innerHeight - 14 : getViewportCenterY() : 200,
     right: 8,
     left: 8
   };
@@ -11123,13 +11132,13 @@ function RecordsAdminShellInner(props) {
         /* @__PURE__ */ jsxs(
           "div",
           {
-            className: "flex-1 grid border-t overflow-hidden",
+            className: "flex-1 grid border-t overflow-visible relative",
             style: {
               gridTemplateColumns: railHidden || !railOpen ? "1fr" : "minmax(260px, 320px) 1fr",
               borderColor: "hsl(var(--ra-border))"
             },
             children: [
-              !railHidden && railOpen && /* @__PURE__ */ jsxs("aside", { className: "border-r overflow-hidden flex flex-col relative", style: { borderColor: "hsl(var(--ra-border))", background: "hsl(var(--ra-surface))" }, children: [
+              !railHidden && railOpen && /* @__PURE__ */ jsxs("aside", { className: "border-r overflow-hidden flex flex-col relative h-full", style: { borderColor: "hsl(var(--ra-border))", background: "hsl(var(--ra-surface))" }, children: [
                 /* @__PURE__ */ jsx(
                   "button",
                   {
@@ -11137,8 +11146,8 @@ function RecordsAdminShellInner(props) {
                     onClick: () => setRailOpen(false),
                     "aria-label": i18n.closeList,
                     title: i18n.closeList,
-                    className: "absolute top-1.5 right-1.5 z-10 p-1 rounded hover:bg-[hsl(var(--ra-muted))]",
-                    style: { color: "hsl(var(--ra-muted-text))" },
+                    className: "absolute top-0 right-0 z-20 leading-none hover:bg-[hsl(var(--ra-muted))]",
+                    style: { color: "hsl(var(--ra-muted-text))", padding: 2 },
                     children: /* @__PURE__ */ jsx(PanelLeftClose, { className: "w-3.5 h-3.5" })
                   }
                 ),
@@ -11459,7 +11468,6 @@ function RecordsAdminShellInner(props) {
                   {
                     anchorRef: railReopenAnchorRef,
                     side: "left",
-                    vAlign: "top",
                     onClick: () => setRailOpen(true),
                     ariaLabel: i18n.openList,
                     title: i18n.openList,