fix: z index overlap of sidebar

Signed-off-by: Md Asif Raza <itsmdasifraza@gmail.com>
sparrowapp-dev · Jun 4, 2024 · 5349553 · 5349553
1 parent 9a5e0a2
commit 5349553
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 6 deletions.
diff --git a/src/packages/@app/repositories/collection.repository.ts b/src/packages/@app/repositories/collection.repository.ts
@@ -32,7 +32,7 @@ export class CollectionRepository {
       if (data.name) value.name = data.name;
       if (data._id) value.id = data._id;
       if (data.updatedAt) value.updatedAt = data.updatedAt;
-      if (data.description) value.description = data.description;
+      if (data.description !== undefined && data.description !== null) value.description = data.description;
       if (data.updatedBy) value.updatedBy = data.updatedBy;
       if (data.totalRequests) value.totalRequests = data.totalRequests;
       if (data.activeSyncUrl) value.activeSyncUrl = data.activeSyncUrl;

diff --git a/src/packages/@common/components/sidebar/Sidebar.svelte b/src/packages/@common/components/sidebar/Sidebar.svelte
@@ -100,13 +100,13 @@
 
 <div class="sidebar-global">
   <div class={`sidebar ${componentClass}`}>
-    <div class="primary-sidebar-items">
+    <div class="primary-sidebar-items z-4">
       {#each primarySidebarItems as item (item.route)}
         <SidebarItem {item} />
       {/each}
     </div>
 
-    <div class="secondary-sidebar-items">
+    <div class="secondary-sidebar-items z-4">
       {#each secondarySidebarItems as item (item.route)}
         <SidebarItem {item} />
       {/each}
@@ -130,6 +130,5 @@
     background-color: var(--bg-secondary-800);
     margin-right: 1px;
     padding: 5px 0px 10px 0px;
-    z-index: 500;
   }
 </style>
diff --git a/src/packages/@library/ui/tooltip/Tooltip.svelte b/src/packages/@library/ui/tooltip/Tooltip.svelte
@@ -81,7 +81,7 @@
     toggleTooltip();
   }}
   bind:this={tooltipWrapper}
-  class={"tooltip position-relative opacity-100"}
+  class={"tooltip opacity-100"}
   style=""
 >
   {#if show}

diff --git a/src/packages/@workspaces/features/collection-list/layout/CollectionList.svelte b/src/packages/@workspaces/features/collection-list/layout/CollectionList.svelte
@@ -351,7 +351,10 @@
           />
         {/if}
       </div>
-      <div class="p-3 d-flex align-items-center justify-content-between z-3">
+      <div
+        class="p-3 d-flex align-items-center justify-content-between"
+        style="z-index: 4;"
+      >
         <Tooltip title={"Star Us On GitHub"} placement={"top"}>
           <div
             class="px-2 py-1 border-radius-2 d-flex align-items-center {isGithubStarHover