fix(mobile): number property cannot be edited if the value is empty

fixes https://github.com/logseq/db-test/issues/678

src/main/frontend/components/property.cljs

@@ -22,6 +22,7 @@
             [frontend.state :as state]
             [frontend.ui :as ui]
             [frontend.util :as util]
+            [logseq.api.block :as api-block]
             [logseq.db :as ldb]
             [logseq.db.common.order :as db-order]
             [logseq.db.frontend.entity-util :as entity-util]
@@ -31,7 +32,6 @@
             [logseq.outliner.property :as outliner-property]
             [logseq.shui.hooks :as hooks]
             [logseq.shui.ui :as shui]
-            [logseq.api.block :as api-block]
             [promesa.core :as p]
             [rum.core :as rum]))
 
@@ -485,16 +485,18 @@
             date? (= type :date)
             datetime? (= type :datetime)
             checkbox? (= type :checkbox)
+            number-type? (= type :number)
             property-key-cp' (property-key-cp block property (assoc (select-keys opts [:class-schema?])
                                                                     :block? block?
                                                                     :inline-text inline-text
                                                                     :page-cp page-cp))]
         [:div {:key (str "property-pair-" (:db/id block) "-" (:db/id property))
                :class (cond
-                        (or date? datetime? checkbox?)
+                        (or date? datetime? checkbox? number-type?)
                         "property-pair items-center"
                         :else
-                        "property-pair items-start")}
+                        "property-pair items-start")
+               :data-property-type (name type)}
          (if (seq sortable-opts)
            (dnd/sortable-item (assoc sortable-opts :class "property-key") property-key-cp')
            [:div.property-key property-key-cp'])

src/main/mobile/components/app.css

@@ -301,12 +301,16 @@ ul {
   }
 }
 
-.ls-properties-area .property-pair {
-  @apply flex flex-col items-start;
-
-  .property-key {
-    margin-bottom: -6px;
-  }
+.ls-properties-area  {
+    .property-pair {
+        &[data-property-type=default] {
+            @apply flex flex-col items-start;
+
+            .property-key {
+                margin-bottom: -6px;
+            }
+        }
+    }
 }
 
 body, #root {
@@ -382,3 +386,7 @@ div[data-radix-menu-content] {
 .ls-foldable-title-control {
     margin-left: 0px;
 }
+
+.ls-number {
+    min-height: 20px;
+}