Skip to content

feat: z index and opacity for UI elements #1133

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Conversation

AlejandroAlvarezMelucciDCL
Copy link
Contributor

@AlejandroAlvarezMelucciDCL AlejandroAlvarezMelucciDCL commented Jun 13, 2025

Addresses the SDK implementation for issue decentraland/unity-explorer#4088

Related PRs:
Protocol: decentraland/protocol#274
E@: decentraland/unity-explorer#4366

gonpombo8 and others added 5 commits June 11, 2025 15:20
* Updated protocol pointers to dev branch

* Added zIndex to the react-ecs component and test

(cherry picked from commit 7ea5cfd)

* Added opacity property to ui elements

* Fixed tests

* Updated protocol

* Updated snapshots

* Removed redundant definitions. Added test coverage

* Adjusted the default value in test

* ui transform  test wip

* Added more tests. Refactored parseUiTransform utility function to properly handle the new properties

* Deep clean and snapshot

* Removed redundant tests, removed redundant defaults definitions.

* Updated snapshots

* Updated default value for opacity and updated snapshots
# Conflicts:
#	package-lock.json
#	package.json
#	packages/@dcl/sdk-commands/package-lock.json
#	packages/@dcl/sdk-commands/package.json
#	test/snapshots/development-bundles/static-scene.test.ts.crdt
#	test/snapshots/development-bundles/testing-fw.test.ts.crdt
#	test/snapshots/development-bundles/two-way-crdt.test.ts.crdt
#	test/snapshots/package-lock.json
#	test/snapshots/production-bundles/append-value-crdt.ts.crdt
#	test/snapshots/production-bundles/billboard.ts.crdt
#	test/snapshots/production-bundles/cube-deleted.ts.crdt
#	test/snapshots/production-bundles/cube.ts.crdt
#	test/snapshots/production-bundles/cubes.ts.crdt
#	test/snapshots/production-bundles/pointer-events.ts.crdt
#	test/snapshots/production-bundles/schema-components.ts.crdt
#	test/snapshots/production-bundles/ui.ts.crdt
#	test/snapshots/production-bundles/with-main-function.ts.crdt
Copy link

Deploying js-sdk-toolchain with  Cloudflare Pages  Cloudflare Pages

Latest commit: 64892fb
Status: ✅  Deploy successful!
Preview URL: https://8489b79d.js-sdk-toolchain.pages.dev
Branch Preview URL: https://feat-z-index-and-opacity-for-8yyx.js-sdk-toolchain.pages.dev

View logs

Copy link
Contributor

Test this pull request

  • The @dcl/sdk package can be tested in scenes by running

    npm install "https://sdk-team-cdn.decentraland.org/@dcl/js-sdk-toolchain/branch/feat/z-index-and-opacity-for-ui-elements/dcl-sdk-7.8.11-15640818903.commit-e75b067.tgz"
  • To test with npx init

    export SDK_COMMANDS="https://sdk-team-cdn.decentraland.org/@dcl/js-sdk-toolchain/branch/feat/z-index-and-opacity-for-ui-elements/dcl-sdk-commands-7.8.11-15640818903.commit-e75b067.tgz"
    npx $SDK_COMMANDS init
  • The @dcl/inspector package can be tested by visiting this url

    • Or by installing it via NPM
    npm install "https://sdk-team-cdn.decentraland.org/@dcl/js-sdk-toolchain/branch/feat/z-index-and-opacity-for-ui-elements/@dcl/inspector/dcl-inspector-7.8.11-15640818903.commit-e75b067.tgz"
  • The /changerealm command to test test in-world

    /changerealm https://sdk-team-cdn.decentraland.org/ipfs/feat/z-index-and-opacity-for-ui-elements-e2e
    
  • You can preview this build entering:
    https://playground.decentraland.org/?sdk-branch=feat/z-index-and-opacity-for-ui-elements

@AlejandroAlvarezMelucciDCL AlejandroAlvarezMelucciDCL merged commit c8238a2 into experimental Jun 13, 2025
9 checks passed
@AlejandroAlvarezMelucciDCL AlejandroAlvarezMelucciDCL deleted the feat/z-index-and-opacity-for-ui-elements branch June 13, 2025 18:37
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.

2 participants