diff --git a/src/main/frontend/components/block.cljs b/src/main/frontend/components/block.cljs index 4504bbb1a..b79beff15 100644 --- a/src/main/frontend/components/block.cljs +++ b/src/main/frontend/components/block.cljs @@ -3699,10 +3699,17 @@ [:div (page-cp config page) (when alias? [:span.text-sm.font-medium.opacity-50 " Alias"])] - (for [[parent blocks] parent-blocks] - (rum/with-key - (breadcrumb-with-container blocks config) - (:db/id parent))) + (let [{top-level-blocks true others false} (group-by + (fn [b] (= (:db/id page) (:db/id (first b)))) + parent-blocks) + sorted-parent-blocks (concat top-level-blocks others)] + (for [[parent blocks] sorted-parent-blocks] + [:div {:class (if (= (:db/id parent) (:db/id page)) + "top-level-matched-blocks" + "nested-matched-blocks")} + (rum/with-key + (breadcrumb-with-container blocks config) + (:db/id parent))])) {:debug-id page :trigger-once? false})])))))] diff --git a/src/main/frontend/components/block.css b/src/main/frontend/components/block.css index 645ae546e..d6a76e71d 100644 --- a/src/main/frontend/components/block.css +++ b/src/main/frontend/components/block.css @@ -632,6 +632,10 @@ a.cloze-revealed { opacity: 1; } +.nested-matched-blocks { + margin-left: 27px; +} + .cp__fenced-code-block { .not-edit { cursor: default; @@ -659,4 +663,4 @@ html.is-mac { cursor: pointer; } } -} \ No newline at end of file +}