From 880813685bc186f89ce98d2551078a64ffc7bd92 Mon Sep 17 00:00:00 2001
From: Aaryan Khandelwal <65252264+aaryan610@users.noreply.github.com>
Date: Thu, 30 Mar 2023 18:07:00 +0530
Subject: [PATCH] fix: sidebar dropdowns height (#616)

* fix: old labels color set to black

* fix: issue details sidebar select dropdowns height
---
 apps/app/components/issues/sidebar-select/assignee.tsx | 2 +-
 apps/app/components/ui/datepicker.tsx                  | 2 +-
 apps/app/components/views/select-filters.tsx           | 7 ++++++-
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/apps/app/components/issues/sidebar-select/assignee.tsx b/apps/app/components/issues/sidebar-select/assignee.tsx
index f464320ac..34b9aac37 100644
--- a/apps/app/components/issues/sidebar-select/assignee.tsx
+++ b/apps/app/components/issues/sidebar-select/assignee.tsx
@@ -66,7 +66,7 @@ export const SidebarAssigneeSelect: React.FC<Props> = ({ value, onChange, userAu
           label={
             <div className="flex items-center gap-2 text-gray-500">
               {value && value.length > 0 && Array.isArray(value) ? (
-                <div className="flex items-center justify-center gap-2">
+                <div className="flex items-center justify-center gap-2 -my-0.5">
                   <AssigneesList userIds={value} length={3} showLength={false} />
                   <span className="text-gray-500">{value.length} Assignees</span>
                 </div>
diff --git a/apps/app/components/ui/datepicker.tsx b/apps/app/components/ui/datepicker.tsx
index 1e30ad97f..b5c992a78 100644
--- a/apps/app/components/ui/datepicker.tsx
+++ b/apps/app/components/ui/datepicker.tsx
@@ -38,7 +38,7 @@ export const CustomDatePicker: React.FC<Props> = ({
       renderAs === "input"
         ? "block border-gray-300 bg-transparent px-3 py-2 text-sm focus:outline-none"
         : renderAs === "button"
-        ? `px-3 py-1.5 text-xs shadow-sm ${
+        ? `px-3 py-1 text-xs shadow-sm ${
             disabled ? "" : "hover:bg-gray-100"
           } duration-300 focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500`
         : ""
diff --git a/apps/app/components/views/select-filters.tsx b/apps/app/components/views/select-filters.tsx
index 9d6776646..732b115c2 100644
--- a/apps/app/components/views/select-filters.tsx
+++ b/apps/app/components/views/select-filters.tsx
@@ -159,7 +159,12 @@ export const SelectFilters: React.FC<Props> = ({
               id: label.id,
               label: (
                 <div className="flex items-center gap-2">
-                  <div className="w-4 h-4 rounded-full" style={{ backgroundColor: label.color }} />
+                  <div
+                    className="w-2 h-2 rounded-full"
+                    style={{
+                      backgroundColor: label.color && label.color !== "" ? label.color : "#000000",
+                    }}
+                  />
                   {label.name}
                 </div>
               ),