fix: the a11y issues in group component

insodoc · Aug 23, 2021 · 2f09925 · 2f09925
1 parent 4dd0368
commit 2f09925
Showing 1 changed file with 11 additions and 7 deletions.
diff --git a/src/components/groups/Group.svelte b/src/components/groups/Group.svelte
@@ -13,30 +13,34 @@
 </script>
 
 {#if !root}
-<a href="javascript:;" class="sidebar-list-link name" class:expanded on:click={toggle}>
-  <span>{name}</span>
-</a>
+  <span class="sidebar-list-link name" class:expanded on:click={toggle}>
+    <span>{name}</span>
+  </span>
 {/if}
 
 {#if expanded}
   <ul>
     {#each children as child}
-    <li class="folder"><svelte:self {...child}></svelte:self></li>
+      <li class="folder"><svelte:self {...child} /></li>
     {/each}
     {#each requests as request}
-    <li class="request"><Request {request} /></li>
+      <li class="request"><Request {request} /></li>
     {/each}
   </ul>
 {/if}
 
 <style>
+  .sidebar-list-link {
+    cursor: pointer;
+  }
+
   .sidebar-list-link::before {
     font-family: FontAwesome;
-    content: "\f07b";
+    content: '\f07b';
   }
 
   .sidebar-list-link.expanded::before {
-    content: "\f07c";
+    content: '\f07c';
   }
 
   ul {