Fix bracketed lists with multiple entries

ssciwr · Aug 30, 2024 · 43c2cb3 · 43c2cb3
1 parent 27a3522
commit 43c2cb3
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 7 deletions.
diff --git a/src/components/fields/LinkedTable.svelte b/src/components/fields/LinkedTable.svelte
@@ -1,11 +1,7 @@
 <script>
   import { List } from "flowbite-svelte";
-
-  export let bracket;
-
-  import "./bracket.css";
 </script>
 
-<List class={bracket ? "bracket-list" : null}>
+<List class="space-y-2">
   <slot/>
 </List>
diff --git a/src/components/logic/RecursiveEasyDBDetailView.svelte b/src/components/logic/RecursiveEasyDBDetailView.svelte
@@ -19,6 +19,8 @@
   import Waiting from "../utils/Waiting.svelte";
   import Block from "../splitter/Block.svelte";
 
+  import "./bracket.css";
+
   export let fields;
   export let data;
   export let table;
@@ -115,9 +117,9 @@
           <FieldLabel field={firstField} table={firstField.other_table_name_hint}/>
         </P>
       {/if}
-      <LinkedTable bracket={!decideCondense(firstField)}>
+      <LinkedTable>
         {#each linkedSubData(data, table, firstField) as subdata}
-          <Li>
+          <Li class={decideCondense(firstField) ? null: "bracket-list"}>
             <svelte:self fields={firstField.mask.fields} data={subdata} table={firstField.other_table_name_hint} condensed={decideCondense(firstField)} output={output}/>
           </Li>
         {/each}

diff --git a/src/components/fields/bracket.css → src/components/logic/bracket.css b/src/components/fields/bracket.css → src/components/logic/bracket.css