make activity changes textbox readonly

sillsdev · Jan 13, 2025 · d1585f8 · d1585f8
1 parent 7595e0b
commit d1585f8
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 4 deletions.
diff --git a/frontend/viewer/src/app.postcss b/frontend/viewer/src/app.postcss
@@ -112,3 +112,20 @@
 .AppBar :has(> [slot="actions"]) {
   flex-grow: 0;
 }
+
+/* the input must also be disabled, otherwise it will be editable*/
+.input-readonly {
+    &.TextField, .TextField {
+        opacity: 1;
+
+        input, textarea {
+            /* enable standard text selection */
+            pointer-events: auto;
+            cursor: text;
+        }
+
+        .append {
+            display: none;
+        }
+    }
+}
diff --git a/frontend/viewer/src/lib/activity/ActivityView.svelte b/frontend/viewer/src/lib/activity/ActivityView.svelte
@@ -86,8 +86,9 @@
       {#if selectedRow}
         <TextField label="Changes"
                    value={JSON.stringify(selectedRow.changes, null, 4)}
+                   disabled
                    multiline
-                   class="readonly"
+                   class="input-readonly"
                    classes={{input: 'h-80'}}/>
       {/if}
     </div>

diff --git a/frontend/viewer/src/lib/history/HistoryView.svelte b/frontend/viewer/src/lib/history/HistoryView.svelte
@@ -70,14 +70,14 @@
       <div>
         {#if record?.entity}
           {#if record.entityName === 'Entry'}
-            <EntryEditor entry={record.entity} modalMode/>
+            <EntryEditor entry={record.entity} modalMode readonly/>
           {:else if record.entityName === 'Sense'}
             <div class="editor-grid">
-              <SenseEditor sense={record.entity}/>
+              <SenseEditor sense={record.entity} readonly/>
             </div>
           {:else if record.entityName === 'ExampleSentence'}
             <div class="editor-grid">
-              <ExampleEditor example={record.entity} readonly={false}/>
+              <ExampleEditor example={record.entity} readonly/>
             </div>
           {/if}
         {/if}