Merge pull request #255 from radixdlt/RDT-224

fix: respect isMobile CSS for popover
radixdlt · Sep 19, 2024 · b7e44eb · b7e44eb
2 parents 478ad83 + 77f1e87
commit b7e44eb
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/packages/connect-button/src/components/connect-button.ts b/packages/connect-button/src/components/connect-button.ts
@@ -262,6 +262,7 @@ export class ConnectButton extends LitElement {
     if (this.pristine) return ''
 
     return html` <radix-popover
+      ?isMobile=${this.isMobile}
       ?connected=${this.connected}
       ?compact=${this.compact}
       ?showCloseButton=${this.showPopoverCloseButton}

diff --git a/packages/connect-button/src/components/popover/popover.ts b/packages/connect-button/src/components/popover/popover.ts
@@ -17,6 +17,12 @@ export class RadixPopover extends LitElement {
   })
   compact = false
 
+  @property({
+    type: Boolean,
+    reflect: true,
+  })
+  isMobile = false
+
   @property({
     type: Boolean,
     reflect: true,