Merge pull request #191 from radixdlt/cb-popover-z-index

Cb-popover-z-index
radixdlt · May 7, 2024 · f40f577 · f40f577
2 parents c00d51a + 02dda1c
commit f40f577
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 30 deletions.
diff --git a/examples/simple-dapp/src/main.ts b/examples/simple-dapp/src/main.ts
@@ -7,6 +7,7 @@ import {
   DataRequestBuilder,
   OneTimeDataRequestBuilder,
   LocalStorageModule,
+  generateRolaChallenge,
 } from '@radixdlt/radix-dapp-toolkit'
 
 const dAppDefinitionAddress = import.meta.env.VITE_DAPP_DEFINITION_ADDRESS
@@ -48,8 +49,6 @@ const logger = Logger()
 logger.attachTransport((logObj) => {
   const { _meta, ...rest } = logObj
 
-  const storedLogs = localStorage.getItem('logs') ?? ''
-
   const logEntry = `[${_meta.name}]
 ${JSON.stringify(rest, null, 2)}  
 
@@ -61,7 +60,7 @@ ${logs.innerHTML}`
 })
 
 const dAppToolkit = RadixDappToolkit({
-  applicationDappDefinitionAddress: dAppDefinitionAddress,
+  dAppDefinitionAddress,
   networkId,
   featureFlags: ['ExperimentalMobileSupport'],
   logger,
@@ -73,9 +72,7 @@ const gatewayApi = GatewayApiClient.initialize(
 
 dAppToolkit.walletApi.provideChallengeGenerator(async () => {
   await new Promise((resolve) => setTimeout(resolve, 1000))
-  return [...window.crypto.getRandomValues(new Uint8Array(32))]
-    .map((x) => x.toString(16).padStart(2, '0'))
-    .join('')
+  return generateRolaChallenge()
 })
 
 dAppToolkit.walletApi.setRequestData(DataRequestBuilder.persona().withProof())
@@ -114,27 +111,5 @@ setInterval(() => {
     .getCurrent()
     .then(
       (status) => (gatewayStatus.innerHTML = JSON.stringify(status, null, 2)),
-    ) // storageClient.getPartition('identities')
-  // .getState((state) => {
-  // keyPairs.innerHTML = JSON.stringify(state, null, 2)
-  //   debugger
-  // })
-  // .map((items) => {
-  //   keyPairs.innerHTML = JSON.stringify(items, null, 2)
-  // })
-  // storageClient
-  //   .getData<
-  //     Record<string, { createdAt: number; status: string }>
-  //   >(`rdt:${dAppDefinitionAddress}:${networkId}:sessions`)
-  //   .map((items) => {
-  //     sessions.innerHTML = JSON.stringify({ sessions: items }, null, 2)
-  //   })
-  // const url = new URL(window.location.href)
-  // const entries = Object.fromEntries([...url.searchParams.entries()])
-  // walletResponse.innerHTML = JSON.stringify({ walletResponse: entries }, null, 2)
-  // device.innerHTML = JSON.stringify(
-  //   { device: navigator.userAgent, isAndroid: navigator.userAgent.includes('Android') },
-  //   null,
-  //   2
-  // )
+    )
 }, 1000)
diff --git a/packages/connect-button/src/components/connect-button.ts b/packages/connect-button/src/components/connect-button.ts
@@ -377,7 +377,7 @@ export class ConnectButton extends LitElement {
         text-align: left;
         font-family: 'IBM Plex Sans';
         position: relative;
-        z-index: 2147483647;
+        z-index: 1000;
         display: inline-block;
       }
 

diff --git a/packages/connect-button/src/components/mask/mask.ts b/packages/connect-button/src/components/mask/mask.ts
@@ -23,6 +23,7 @@ export class RadixMask extends LitElement {
         justify-content: center;
         transition: opacity 200ms;
         background: var(--radix-mask-background);
+        z-index: 2147483647;
       }
 
       :host(.hide) {