From 8f385564085ef7bc3c2778452733f534a29b2cde Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Fri, 1 Mar 2024 13:45:46 +0100
Subject: [PATCH] fix: popover card radius

---
 src/lib/elements/forms/inputDomain.svelte   | 4 +++-
 src/lib/elements/forms/inputEmail.svelte    | 4 +++-
 src/lib/elements/forms/inputFile.svelte     | 4 +++-
 src/lib/elements/forms/inputPassword.svelte | 4 +++-
 src/lib/elements/forms/inputPhone.svelte    | 4 +++-
 src/lib/elements/forms/inputText.svelte     | 1 +
 6 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/src/lib/elements/forms/inputDomain.svelte b/src/lib/elements/forms/inputDomain.svelte
index db798dea7..91d0e51b0 100644
--- a/src/lib/elements/forms/inputDomain.svelte
+++ b/src/lib/elements/forms/inputDomain.svelte
@@ -68,7 +68,9 @@
                 <svelte:fragment slot="list">
                     <div
                         class="dropped card u-max-width-250"
-                        style="--p-card-padding: .75rem; box-shadow:var(--shadow-large);">
+                        style:--card-border-radius="var(--border-radius-small)"
+                        style:--p-card-padding=".75rem"
+                        style:box-shadow="var(--shadow-large)">
                         <svelte:component this={popover} {...popoverProps} />
                     </div>
                 </svelte:fragment>
diff --git a/src/lib/elements/forms/inputEmail.svelte b/src/lib/elements/forms/inputEmail.svelte
index b925a1b62..2cd761e4a 100644
--- a/src/lib/elements/forms/inputEmail.svelte
+++ b/src/lib/elements/forms/inputEmail.svelte
@@ -77,7 +77,9 @@
                 <svelte:fragment slot="list">
                     <div
                         class="dropped card u-max-width-250"
-                        style="--p-card-padding: .75rem; box-shadow:var(--shadow-large);">
+                        style:--card-border-radius="var(--border-radius-small)"
+                        style:--p-card-padding=".75rem"
+                        style:box-shadow="var(--shadow-large)">
                         <svelte:component this={popover} {...popoverProps} />
                     </div>
                 </svelte:fragment>
diff --git a/src/lib/elements/forms/inputFile.svelte b/src/lib/elements/forms/inputFile.svelte
index d3d88c033..2de200818 100644
--- a/src/lib/elements/forms/inputFile.svelte
+++ b/src/lib/elements/forms/inputFile.svelte
@@ -113,7 +113,9 @@
                     <svelte:fragment slot="list">
                         <div
                             class="dropped card u-max-width-250"
-                            style="--p-card-padding: .75rem; box-shadow:var(--shadow-large);">
+                            style:--card-border-radius="var(--border-radius-small)"
+                            style:--p-card-padding=".75rem"
+                            style:box-shadow="var(--shadow-large)">
                             <svelte:component this={popover} {...popoverProps} />
                         </div>
                     </svelte:fragment>
diff --git a/src/lib/elements/forms/inputPassword.svelte b/src/lib/elements/forms/inputPassword.svelte
index 7834dad57..423f0db2b 100644
--- a/src/lib/elements/forms/inputPassword.svelte
+++ b/src/lib/elements/forms/inputPassword.svelte
@@ -68,7 +68,9 @@
                 <svelte:fragment slot="list">
                     <div
                         class="dropped card u-max-width-250"
-                        style="--p-card-padding: .75rem; box-shadow:var(--shadow-large);">
+                        style:--card-border-radius="var(--border-radius-small)"
+                        style:--p-card-padding=".75rem"
+                        style:box-shadow="var(--shadow-large)">
                         <svelte:component this={popover} {...popoverProps} />
                     </div>
                 </svelte:fragment>
diff --git a/src/lib/elements/forms/inputPhone.svelte b/src/lib/elements/forms/inputPhone.svelte
index 1a39f6400..23e7c1c81 100644
--- a/src/lib/elements/forms/inputPhone.svelte
+++ b/src/lib/elements/forms/inputPhone.svelte
@@ -67,7 +67,9 @@
                 <svelte:fragment slot="list">
                     <div
                         class="dropped card u-max-width-250"
-                        style="--p-card-padding: .75rem; box-shadow:var(--shadow-large);">
+                        style:--card-border-radius="var(--border-radius-small)"
+                        style:--p-card-padding=".75rem"
+                        style:box-shadow="var(--shadow-large)">
                         <svelte:component this={popover} {...popoverProps} />
                     </div>
                 </svelte:fragment>
diff --git a/src/lib/elements/forms/inputText.svelte b/src/lib/elements/forms/inputText.svelte
index b7b8de090..ac354e3f2 100644
--- a/src/lib/elements/forms/inputText.svelte
+++ b/src/lib/elements/forms/inputText.svelte
@@ -95,6 +95,7 @@
                         <div
                             class="dropped card u-max-width-250"
                             style:--p-card-padding=".75rem"
+                            style:--card-border-radius="var(--border-radius-small)"
                             style:box-shadow="var(--shadow-large)">
                             <svelte:component this={popover} {...popoverProps} />
                         </div>