Merge pull request #3326 from ever-co/fix/component-ui

(apps/web)[fix]: Task Labels UI on Task Component
ever-co · Nov 14, 2024 · 58eb81e · 58eb81e
2 parents 3d71b2e + 9eff73f
commit 58eb81e
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/apps/web/lib/features/auth-user-task-input.tsx b/apps/web/lib/features/auth-user-task-input.tsx
@@ -52,7 +52,7 @@ export function AuthUserTaskInput({ className }: IClassName) {
 						task={activeTeamTask}
 						className="lg:max-w-[170px] w-full text-xs"
 						forDetails={false}
-						taskStatusClassName="dark:bg-[#1B1D22] dark:border py-[7px] dark:border-[#FFFFFF33] text-xs"
+						taskStatusClassName="dark:bg-[#1B1D22] dark:border dark:border-[#FFFFFF33] text-xs"
 					/>
 				</div>
 				{/* <div className="grid justify-items-center md:hidden">

diff --git a/apps/web/lib/features/task/task-input.tsx b/apps/web/lib/features/task/task-input.tsx
@@ -624,9 +624,9 @@ function TaskCard({
                   />
 
                   <TaskLabels
-                    className="lg:min-w-[170px] text-xs"
+                    className="lg:min-w-[170px] text-xs z-[9999]"
                     forDetails={false}
-                    taskStatusClassName="dark:bg-[#1B1D22] dark:border dark:border-[#FFFFFF33] h-7 text-xs"
+                    taskStatusClassName="dark:bg-[#1B1D22] dark:border dark:border-[#FFFFFF33] h-9 text-xs"
                     onValueChange={(_: any, values: string[] | undefined) => {
                       taskLabelsData.filter((tag) =>
                         tag.name ? values?.includes(tag.name) : false

diff --git a/apps/web/lib/features/task/task-status.tsx b/apps/web/lib/features/task/task-status.tsx
@@ -1243,14 +1243,14 @@ export function MultipleStatusDropdown<T extends TStatusItem>({
 						leaveFrom="transform scale-100 opacity-100"
 						leaveTo="transform scale-95 opacity-0"
 						className={clsxm(
-							'absolute right-0 left-0 z-40 min-w-min outline-none',
+							'absolute right-0 left-0 z-[999] min-w-min outline-none',
 							issueType === 'issue' && ['left-auto right-auto']
 						)}
 					>
 						<Listbox.Options className="outline-none">
 							<Card
 								shadow="bigger"
-								className="p-4 md:p-4 shadow-xlcard dark:shadow-lgcard-white dark:bg-[#1B1D22] dark:border dark:border-[#FFFFFF33] flex flex-col"
+								className="p-4 md:p-4 shadow-xlcard dark:shadow-lgcard-white dark:bg-[#1B1D22] dark:border dark:border-[#FFFFFF33] flex flex-col max-h-[206px] overflow-x-auto"
 							>
 								<div className="flex flex-col gap-2.5 max-h-[320px] overflow-auto scrollbar-hide !border-b-0">
 									{items.map((item, i) => {