enhance(mobile): add code block icon to toolbar

src/main/frontend/components/editor.cljs

@@ -373,6 +373,18 @@
                          (history/redo! e))}
        (ui/icon "rotate-clockwise"
                 {:style {:fontSize ui/icon-size}})]]
+     [:div
+      [:button.bottom-action
+       {:on-mouse-down (fn [e]
+                         (util/stop e)
+                         (commands/simple-insert!
+                          parent-id "<"
+                          {:check-fn     (fn [_]
+                                           (commands/block-commands-map))})
+                         (when-let [input (gdom/getElement parent-id)]
+                           (.focus input)))}
+       (ui/icon "code"
+                {:style {:fontSize ui/icon-size}})]]
      [:div
       [:button.bottom-action
        {:on-mouse-down (fn [e]

src/main/frontend/extensions/code.css

@@ -16,7 +16,7 @@
     display: flex;
     left: auto;
     right: 0;
-    margin-top: 4px;
+    /* margin-top: 4px; */
     z-index: 9999;
   }