chore: tailwindcss v4 and z-war clean up (#18358)

* chore: styling tweak * replace full-screen-modal, update docs * scrubber * fix: control app bar in memory viewer * face lift * pr feedback * clean up
2025-11-26 12:39:44 +09:00 · 2025-05-19 09:32:23 -05:00
parent 2431e04a09
commit c8641d24f6
42 changed files with 871 additions and 928 deletions
--- a/web/src/lib/components/shared-components/context-menu/button-context-menu.svelte
+++ b/web/src/lib/components/shared-components/context-menu/button-context-menu.svelte
@@ -38,6 +38,10 @@
    buttonClass?: string | undefined;
    hideContent?: boolean;
    children?: Snippet;
+    offset?: {
+      x: number;
+      y: number;
+    };
  } & HTMLAttributes<HTMLDivElement>;

  let {
@@ -51,6 +55,7 @@
    buttonClass = undefined,
    hideContent = false,
    children,
+    offset,
    ...restProps
  }: Props = $props();

@@ -186,13 +191,14 @@
      ]}
    >
      <ContextMenu
-        {...contextMenuPosition}
        {direction}
        ariaActiveDescendant={$selectedIdStore}
        ariaLabelledBy={buttonId}
        bind:menuElement={menuContainer}
        id={menuId}
        isVisible={isOpen}
+        x={contextMenuPosition.x - (offset?.x ?? 0)}
+        y={contextMenuPosition.y + (offset?.y ?? 0)}
      >
        {@render children?.()}
      </ContextMenu>