Fix readonly reactivity and right column overflow

sillsdev · Sep 25, 2024 · fd9ad1b · fd9ad1b
1 parent 5b78f22
commit fd9ad1b
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/frontend/viewer/src/ProjectView.svelte b/frontend/viewer/src/ProjectView.svelte
@@ -70,8 +70,7 @@
     comment: true,
   });
 
-
-  const readonly = !$permissions.write || !$features.write;
+  $: readonly = !$permissions.write || !$features.write;
 
   const currentView = initView(views[0]);
   const viewSettings = initViewSettings({hideEmptyFields: false});
@@ -331,7 +330,7 @@
           </div>
         {/if}
       </div>
-      <div class="side-scroller h-full pl-6 border-l-2 gap-4 flex flex-col col-start-3" class:border-l-2={$selectedEntry && !expandList} class:max-lg:border-l-2={pickedEntry && !readonly} class:max-lg:hidden={!pickedEntry || readonly} class:lg:hidden={expandList}>
+      <div class="side-scroller pl-6 border-l-2 gap-4 flex flex-col col-start-3" class:border-l-2={$selectedEntry && !expandList} class:max-lg:border-l-2={pickedEntry && !readonly} class:max-lg:hidden={!pickedEntry || readonly} class:lg:hidden={expandList}>
         <div class="hidden" class:sm:hidden={expandList}>
           <Button icon={collapseActionBar ? mdiArrowCollapseLeft : mdiArrowCollapseRight} class="aspect-square w-10" size="sm" iconOnly rounded variant="outline" on:click={() => collapseActionBar = !collapseActionBar} />
         </div>

diff --git a/frontend/viewer/src/lib/entry-editor/object-editors/EntryEditor.svelte b/frontend/viewer/src/lib/entry-editor/object-editors/EntryEditor.svelte
@@ -147,7 +147,7 @@
         {/if}
       </div>
 
-      <SenseEditor {sense} on:change={() => dispatch('change', {entry, sense})}/>
+      <SenseEditor {sense} {readonly} on:change={() => dispatch('change', {entry, sense})}/>
 
       <div class="grid-layer border-l border-dashed pl-4 space-y-4 rounded-lg">
         {#each sense.exampleSentences as example, j (example.id)}