enhance(mobile): polish page more actions popup

src/main/capacitor/components/app.css

@@ -7,7 +7,7 @@ html.plt-capacitor.plt-android {
   --ion-safe-area-bottom: 16px;
 
   ion-button, ion-tab-button {
-    --ripple-color: rgba(0, 0, 0, .08); /* 设置涟漪颜色为透明 */
+    --ripple-color: rgba(0, 0, 0, .3); /* 设置涟漪颜色为透明 */
   }
 
   ion-app {
@@ -101,7 +101,7 @@ ion-buttons {
 
 .block-modal-page {
   > ion-header {
-    @apply pt-5 pb-1 px-6 flex justify-between bg-white/10;
+    @apply pt-5 pb-1 px-4 flex justify-between bg-white/10;
   }
 
   > ion-content {
@@ -124,6 +124,14 @@ ion-tab-bar {
   }
 }
 
+ion-modal {
+  .property-select {
+    .cp__select-main {
+      @apply w-auto;
+    }
+  }
+}
+
 ion-content {
   .ls-page-blocks {
     @apply px-1;

src/main/capacitor/components/modal.cljs

@@ -8,6 +8,7 @@
             [frontend.mobile.action-bar :as action-bar]
             [frontend.mobile.mobile-bar :as mobile-bar]
             [frontend.state :as fstate]
+            [logseq.shui.ui :as shui]
             [rum.core :as rum]))
 
 (rum/defc block-modal < rum/reactive
@@ -27,7 +28,11 @@
           [:span.opacity-40.active:opacity-60
            {:on-click #(swap! state/*modal-data assoc :open? false)}
            (ion/tabler-icon "chevron-down" {:size 16 :stroke 3})]
-          [:span.opacity-40.active:opacity-60 (ion/tabler-icon "dots-vertical" {:size 18 :stroke 2})])
+          [:span.opacity-40.active:opacity-60
+           {:on-click (fn [^js e]
+                        (shui/popup-show! (.-target e)
+                          (fn [] [:strong.text-2xl.p-5.block.text-red-800 "TODO: block page actions"])))}
+           (ion/tabler-icon "dots-vertical" {:size 18 :stroke 2})])
 
         (ion/content {:class "ion-padding scrolling"}
           (ui/classic-app-container-wrap