enhance(ux): improvements for the blocks selection

This commit is contained in:
charlie
2024-07-25 14:06:20 +08:00
parent 04e7d2c17b
commit c2dfcb2898
6 changed files with 26 additions and 20 deletions

View File

@@ -941,13 +941,19 @@
(editor-handler/unhighlight-blocks!)
(util/fix-open-external-with-shift! e))}
[:main.theme-inner
{:class (util/classnames [{:ls-left-sidebar-open left-sidebar-open?
:ls-right-sidebar-open sidebar-open?
:ls-wide-mode wide-mode?
:ls-window-controls window-controls?
:ls-fold-button-on-right fold-button-on-right?
:ls-hl-colored ls-block-hl-colored?}])}
[:main.theme-container-inner#app-container-wrapper
{:class (util/classnames
[{:ls-left-sidebar-open left-sidebar-open?
:ls-right-sidebar-open sidebar-open?
:ls-wide-mode wide-mode?
:ls-window-controls window-controls?
:ls-fold-button-on-right fold-button-on-right?
:ls-hl-colored ls-block-hl-colored?}])
:on-pointer-up (fn []
(when-let [container (gdom/getElement "app-container-wrapper")]
(d/remove-class! container "blocks-selection-mode")
(when (> (count (state/get-selection-blocks)) 1)
(util/clear-selection!))))}
[:button#skip-to-main
{:on-click #(ui/focus-element (ui/main-node))
@@ -955,11 +961,7 @@
(when (= "Enter" (.-key e))
(ui/focus-element (ui/main-node))))}
(t :accessibility/skip-to-main-content)]
[:div.#app-container {:on-pointer-up (fn []
(when-let [container (gdom/getElement "app-container")]
(d/remove-class! container "blocks-selection-mode")
(when (> (count (state/get-selection-blocks)) 1)
(util/clear-selection!))))}
[:div.#app-container
[:div#left-container
{:class (if (state/sub :ui/sidebar-open?) "overflow-hidden" "w-full")}
(header/header {:open-fn open-fn