enhance(ui): polish block editor

src/main/frontend/common.css

@@ -301,7 +301,7 @@ i.ti {
 }
 
 .admonitionblock {
-  @apply my-2 bg-gray-03 p-2 rounded;
+  @apply my-2 p-2;
 }
 
 .heading-bg {

src/main/frontend/components/block.css

@@ -206,7 +206,7 @@
 }
 
 .block-control-wrap {
-  @apply h-[24px] mt-0 pr-[6px];
+  @apply h-[24px] mt-[1px] pr-[6px];
 
   &.is-order-list {
     @apply mr-0 pr-0;

src/main/frontend/components/editor.cljs

@@ -786,6 +786,10 @@
                       (block-commands id format)
                       {:id :editor.commands/block-commands
                        :align :start
+                       :root-props {:onOpenChange
+                                    #(when-not %
+                                       (when (= :block-commands (state/get-editor-action))
+                                         (state/clear-editor-action!)))}
                        :content-props {:onOpenAutoFocus #(.preventDefault %)
                                        :onCloseAutoFocus #(.preventDefault %)
                                        :data-editor-popup-ref "commands"}