fix icons and bug when adding columns

holochain-apps · Dec 18, 2023 · 6aec4b3 · 6aec4b3
1 parent f63bb8d
commit 6aec4b3
Show file tree

Hide file tree

Showing 10 changed files with 14 additions and 84 deletions.
diff --git a/ui/src/BoardEditor.svelte b/ui/src/BoardEditor.svelte
@@ -164,16 +164,16 @@
         itemClass="unselectable"
         >
         <div class="group">
-          <div class="grip" ><SvgIcon icon=faGripVertical/></div>
+          <div class="grip" ><SvgIcon icon=faGripVertical size=12px/></div>
           <sl-input class='textarea' value={groups[index].name} on:input={e=>groups[index].name = e.target.value}></sl-input>
           <sl-button size="small"  on:click={deleteGroup(index)}>
-          <SvgIcon icon=faTrash/>
+          <SvgIcon icon=faTrash size=12px/>
           </sl-button>
         </div>
       </DragDropList>
 
       <div class="add-item" on:click={() => addGroup()}>
-        <SvgIcon icon=faPlus/>
+        <SvgIcon icon=faPlus size=12px/>
         <span>Add Column</span>
       </div>
     </div>
@@ -190,19 +190,19 @@
         itemClass="unselectable"
         >
         <div class="label-def">
-          <div class="grip" ><SvgIcon icon=faGripVertical/></div>
+          <div class="grip" ><SvgIcon icon=faGripVertical size=12px/></div>
           <sl-button on:click={()=>{showEmojiPicker = index;emojiDialog.show()}} >
             <span style="font-size:180%">{labelDefs[index].emoji}</span>
           </sl-button>
           <sl-input class='textarea' value={labelDefs[index].toolTip} title="label name"
           on:input={e=>labelDefs[index].toolTip = e.target.value}> </sl-input>
           <sl-button size="small"  on:click={deleteLabelDef(index)} >
-            <SvgIcon icon=faTrash/>
+            <SvgIcon icon=faTrash size=12px/>
           </sl-button>
         </div>
       </DragDropList>
       <div class="add-item" on:click={() => addLabelDef()}>
-        <SvgIcon icon=faPlus/>
+        <SvgIcon icon=faPlus size=12px/>
         <span>Add Label</span>
       </div>
       <sl-dialog label="Choose Emoji" bind:this={emojiDialog}>
@@ -254,7 +254,7 @@
         itemClass="unselectable"
         >
         <div class="category-def">
-          <div class="grip" ><SvgIcon icon=faGripVertical/></div>
+          <div class="grip" ><SvgIcon icon=faGripVertical size=12px/></div>
           <sl-button icon on:click={()=>{
             hex = categoryDefs[index].color
             showColorPicker = index;colorDialog.show()}} >
@@ -263,12 +263,12 @@
           <sl-input class='textarea' style="margin-left:10px" value={categoryDefs[index].name} title="category name"
           on:input={e=>categoryDefs[index].name = e.target.value}></sl-input>
           <sl-button size="small" on:click={deleteCategoryDef(index)} >
-            <SvgIcon icon=faTrash/>
+            <SvgIcon icon=faTrash size=12px/>
           </sl-button>
         </div>
       </DragDropList> 
       <div class="add-item" on:click={() => addCategoryDef()}>
-        <SvgIcon icon=faPlus/>
+        <SvgIcon icon=faPlus size=12px/>
         <span>Add Category</span>
       </div>
     </div>

diff --git a/ui/src/icons/EmojiIcon.svelte → ui/src/EmojiIcon.svelte b/ui/src/icons/EmojiIcon.svelte → ui/src/EmojiIcon.svelte
diff --git a/ui/src/KanDoPane.svelte b/ui/src/KanDoPane.svelte
@@ -2,7 +2,7 @@
   import { getContext, onMount } from "svelte";
   import CardEditor from "./CardEditor.svelte";
   import CardDetails from "./CardDetails.svelte";
-  import EmojiIcon from "./icons/EmojiIcon.svelte";
+  import EmojiIcon from "./EmojiIcon.svelte";
   //import { sortBy } from "lodash/fp";
   import type { KanDoStore } from "./store";
   import LabelSelector from "./LabelSelector.svelte";
@@ -103,7 +103,6 @@
         }
       } else {
         addingColumn = false
-        console.log("HERE haschanged")
       }
     }
 
@@ -347,6 +346,7 @@
     const newGroups = cloneDeep($state.groups)
     newGroups.push(new Group(newColumnName))
     newColumnName = ""
+    columnNameElem.value=""
     activeBoard.requestChanges([
       {
         type: "set-groups",

diff --git a/ui/src/LabelSelector.svelte b/ui/src/LabelSelector.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import EmojiIcon from './icons/EmojiIcon.svelte'
+  import EmojiIcon from './EmojiIcon.svelte'
   import { getContext } from "svelte";
   import type { KanDoStore } from "./store";
 

diff --git a/ui/src/icons/DownIcon.svelte b/ui/src/icons/DownIcon.svelte
diff --git a/ui/src/icons/TSLogoIcon.svelte b/ui/src/icons/TSLogoIcon.svelte
diff --git a/ui/src/icons/UnarchiveIcon.svelte b/ui/src/icons/UnarchiveIcon.svelte
diff --git a/ui/src/icons/UpIcon.svelte b/ui/src/icons/UpIcon.svelte
diff --git a/ui/src/index.js b/ui/src/index.js
@@ -17,6 +17,5 @@ export { default as SortSelector} from './LabelSelector.svelte';
 export { default as CardEditor} from './CardEditor.svelte';
 export { default as CardEditor} from './CardEditor.svelte';
 export { default as Toolbar } from './Toolbar.svelte';
-export { default as EmojiIcon } from './icons/EmojiIcon.svelte';
-export { default as TSLogoIcon } from './icons/TSLogoIcon.svelte';
+export { default as EmojiIcon } from './EmojiIcon.svelte';
 export { default as KDLogoIcon } from './icons/KDLogoIcon.svelte';