enhance: remove editor toolbar opacity

This commit is contained in:
Tienson Qin
2025-09-18 16:23:54 +08:00
parent bc5e185279
commit a090ae9850
2 changed files with 22 additions and 24 deletions

View File

@@ -30,8 +30,7 @@
}
#mobile-editor-toolbar {
@apply absolute bottom-0 left-0 w-full z-[99999] flex justify-between bg-gray-100 border-t border-gray-200
dark:border-gray-800 dark:bg-[#222];
@apply absolute bottom-0 left-0 w-full z-[99999] flex justify-between bg-background px-2;
will-change: transform;
transform: translateY(calc(-1 * var(--ls-native-kb-height, 0)));
@@ -39,7 +38,7 @@
transition: transform 250ms ease-out, opacity 50ms ease-out;
button {
@apply flex items-center py-2 px-2 opacity-95;
@apply flex items-center py-2 px-2;
}
.submenu {
@@ -58,10 +57,6 @@
@apply h-1;
}
}
.toolbar-hide-keyboard {
@apply border-l border-gray-200 dark:border-gray-700;
}
}
html.is-native-ipad {

View File

@@ -11,6 +11,7 @@
[frontend.util.cursor :as cursor]
[goog.dom :as gdom]
[logseq.common.util.page-ref :as page-ref]
[logseq.shui.ui :as shui]
[mobile.components.recorder :as recorder]
[mobile.init :as mobile-init]
[mobile.state :as mobile-state]
@@ -25,28 +26,29 @@
(let [textarea-el (gdom/getElement edit-input-id)]
(.blur textarea-el))))
(rum/defc indent-outdent [indent? icon]
[:div
[:button.bottom-action
{:on-pointer-down (fn [e]
(util/stop e)
(haptics/haptics)
(blur-if-compositing)
(editor-handler/indent-outdent indent?))}
(ui/icon icon {:size ui/icon-size})]])
(rum/defc command
[command-handler {:keys [icon class]} & [event?]]
[:div
[:button.bottom-action
{:on-pointer-down (fn [e]
[command-handler {:keys [icon class button-opts]} & [event?]]
(shui/button
(merge
{:variant :ghost
:on-pointer-down (fn [e]
(util/stop e)
(haptics/haptics)
(if event?
(command-handler e)
(command-handler)))}
(if (string? icon)
(ui/icon icon {:size ui/icon-size :class class}) icon)]])
button-opts)
(if (string? icon)
(ui/icon icon {:size ui/icon-size :class class})
icon)))
(rum/defc indent-outdent
[indent? icon]
(command
(fn []
(blur-if-compositing)
(editor-handler/indent-outdent indent?))
{:icon icon}))
(defn- insert-text
[text opts]
@@ -105,7 +107,8 @@
[:div.toolbar-hide-keyboard
(if quick-add?
(command (fn [] (recorder/record!))
{:icon (svg/audio-lines 20)})
{:icon (svg/audio-lines 20)
:button-opts {:class "text-primary"}})
(command #(p/do!
(editor-handler/save-current-block!)
(state/clear-edit!)