feat(pages): make texts selectable on read-only pages

Author: gustavotoyota

apps/client/src/code/pages/page/notes/note.ts

@@ -458,6 +458,14 @@ export class PageNote extends PageElem() implements IPageRegion {
       }),
 
       cursor: computed(() => {
+        if (this.page.react.readOnly) {
+          if (this.react.link.url) {
+            return 'pointer';
+          } else {
+            return 'auto';
+          }
+        }
+
         if (this.react.editing) {
           return 'auto';
         }

apps/client/src/components/TextEditor.vue

@@ -325,3 +325,9 @@ defineProps<Props>();
   }
 }
 </style>
+
+<style>
+.display-page.readonly-page .text-editor * {
+  user-select: text;
+}
+</style>

apps/client/src/layouts/PagesLayout/MainContent/DisplayPage/DisplayPage.vue

@@ -1,6 +1,7 @@
 <template>
   <div
     class="display-page"
+    :class="{ 'readonly-page': page.react.readOnly }"
     :data-page-id="page.id"
   >
     <DisplayScreens />