Skip to content

refactor(frontend): own Backdrop natively, detach from gix#13171

Draft
AntonioVentilii wants to merge 1 commit into
av/gix-vendor-shared-mixinsfrom
av/gix-own-backdrop
Draft

refactor(frontend): own Backdrop natively, detach from gix#13171
AntonioVentilii wants to merge 1 commit into
av/gix-vendor-shared-mixinsfrom
av/gix-own-backdrop

Conversation

@AntonioVentilii

Copy link
Copy Markdown
Collaborator

Motivation

Part of detaching OISY from @dfinity/gix-components (now maintenance-mode). Backdrop in-housed as a native OISY component. Stacked on #13163.

Changes

  • New $lib/components/ui/Backdrop.svelte: native Svelte 5; onClose callback replacing the gix nnsClose event; handleKeyPress + stopPropagation from the shared utils; OISY i18n (core.text.close).
  • Fold the gix.scss --backdrop-contrast/--backdrop-filter values into the component; keep OISY's own --backdrop (variables.scss). The gix.scss :root defs are intentionally left for now — gix Popover still renders a backdrop that needs them; they'll go in the final cleanup.
  • Rewire the 5 direct Backdrop consumers (the Popover-based ones migrate with Popover).
  • No new deps, no behavioral change.

Tests

  • lint --max-warnings 0 clean; check clean (only the pre-existing unrelated sol-instructions-system error)
  • BottomSheet + FullscreenMediaModal specs pass (11)

Bring gix Backdrop in-house as a native Svelte 5 OISY component.
- New $lib/components/ui/Backdrop.svelte: runes; onClose callback replacing
  the createEventDispatcher 'nnsClose' event; keyboard via shared handleKeyPress;
  stopPropagation via the shared event-modifiers util; OISY i18n (core.text.close)
- Fold the gix.scss --backdrop-contrast/--backdrop-filter values into the
  component; keep using OISY's own --backdrop (variables.scss). The gix.scss
  :root definitions stay for now since gix Popover still renders a backdrop;
  they'll be removed in the final cleanup.
- Rewire the 5 direct Backdrop consumers (Popover-based ones migrate with Popover)
No new deps, no behavior change.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant