diff --git a/src/main/frontend/components/page.cljs b/src/main/frontend/components/page.cljs index 82af619dc7..896b86c236 100644 --- a/src/main/frontend/components/page.cljs +++ b/src/main/frontend/components/page.cljs @@ -303,7 +303,7 @@ (reset! *edit? true))))} (when (not= icon "") [:span.page-icon icon]) [:div.page-title-sizer-wrapper.relative - (when (rum/react *edit?) + (when @*edit? (page-title-editor {:*title-value *title-value :*edit? *edit? :*input-value *input-value @@ -313,9 +313,9 @@ :untitled? untitled? :whiteboard-page? whiteboard-page?})) [:span.title.block - {:data-value (rum/react *input-value) - :data-ref page-name - :style {:opacity (when @*edit? 0)}} + {:data-value @*input-value + :data-ref page-name + :style {:opacity (when @*edit? 0)}} (cond @*edit? [:span {:style {:white-space "pre"}} (rum/react *input-value)] untitled? [:span.opacity-50 (t :untitled)] :else title)]]]))) diff --git a/src/main/frontend/components/page.css b/src/main/frontend/components/page.css index f611e3e774..dc55452cca 100644 --- a/src/main/frontend/components/page.css +++ b/src/main/frontend/components/page.css @@ -291,7 +291,7 @@ a.page-title { } .page-title-sizer-wrapper { - @apply w-full; + @apply w-full overflow-x-auto; :empty::before { content: '\200b';