From 3dc8dcd7114c16d8f32eeea552e09cac7c99b7b6 Mon Sep 17 00:00:00 2001
From: charlie <xyhp915@qq.com>
Date: Wed, 20 Mar 2024 17:21:44 +0800
Subject: [PATCH] enhance(ui): alignment for the property date picker icon

---
 src/main/frontend/components/property.css        | 8 ++++++++
 src/main/frontend/components/property/value.cljs | 4 +++-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/main/frontend/components/property.css b/src/main/frontend/components/property.css
index 995fa99b7..9b2c9dc2d 100644
--- a/src/main/frontend/components/property.css
+++ b/src/main/frontend/components/property.css
@@ -77,6 +77,14 @@
                 .jtrigger-id {
                     @apply top-[4px];
                 }
+
+                &.empty-value {
+                    @apply -ml-1;
+
+                    .multi-values {
+                        @apply gap-0;
+                    }
+                }
             }
         }
     }
diff --git a/src/main/frontend/components/property/value.cljs b/src/main/frontend/components/property/value.cljs
index c19d97185..a714d0ece 100644
--- a/src/main/frontend/components/property/value.cljs
+++ b/src/main/frontend/components/property/value.cljs
@@ -795,11 +795,13 @@
           schema (:block/schema property)
           type (some-> schema (get :type :default))
           multiple-values? (= :many (:cardinality schema))
+          empty-value? (= :property/empty-placeholder v)
           editor-args {:block property
                        :parent-block block
                        :format :markdown}]
       [:div.property-value-inner.w-full
-       {:data-type type}
+       {:data-type type
+        :class (when empty-value? "empty-value")}
        (cond
          multiple-values?
          (multiple-values block property v opts schema)