chore: work item card enhancements

chore: project card enhancements
chore: tooltip enhancements
2025-12-16 19:57:05 +05:30 · 2025-12-16 19:56:46 +05:30 · 2025-12-16 19:55:51 +05:30
3 changed files with 12 additions and 4 deletions
@@ -269,7 +269,7 @@ export const KanbanIssueBlock = observer(function KanbanIssueBlock(props: IssueB
          href={workItemLink}
          ref={cardRef}
          className={cn(
-            "block rounded-lg border-[1px] outline-[0.5px] outline-transparent w-full border-strong bg-layer-2 text-13 transition-all hover:bg-layer-2-hover p-3",
+            "block rounded-lg border outline-[0.5px] outline-transparent shadow-raised-100 w-full border-subtle bg-layer-2 text-13 transition-all p-3 hover:shadow-raised-200 hover:border-strong",
            { "hover:cursor-pointer": isDragAllowed },
            { "border border-accent-strong hover:border-accent-strong": getIsIssuePeeked(issue.id) },
            { "bg-layer-1 z-[100]": isCurrentBlockDragging }
@@ -198,7 +198,7 @@ export const ProjectCard = observer(function ProjectCard(props: Props) {
          }
        }}
        data-prevent-progress={!isMemberOfProject || isArchived}
-        className="flex flex-col rounded-sm border border-subtle bg-layer-1 hover:bg-layer-1-hover rounded-xl overflow-hidden"
+        className="flex flex-col border border-subtle bg-layer-2 hover:bg-layer-2-hover hover:shadow-raised-200 rounded-xl overflow-hidden"
      >
        <ContextMenu parentRef={projectCardRef} items={MENU_ITEMS} />
        <div className="relative h-[118px] w-full rounded-t ">
@@ -61,8 +61,16 @@ export function Tooltip(props: ITooltipProps) {
            align={finalAlign}
            render={
              <BaseTooltip.Popup>
-                {tooltipHeading && <div className="text-caption-md-medium text-primary">{tooltipHeading}</div>}
-                {tooltipContent && <div className="mt-1 text-caption-sm-regular text-secondary">{tooltipContent}</div>}
+                {tooltipHeading && <p className="text-caption-md-medium text-primary">{tooltipHeading}</p>}
+                {tooltipContent && (
+                  <p
+                    className={cn("text-caption-sm-regular text-secondary", {
+                      "mt-1": tooltipHeading && tooltipHeading !== "",
+                    })}
+                  >
+                    {tooltipContent}
+                  </p>
+                )}
              </BaseTooltip.Popup>
            }
          />
Author	SHA1	Message	Date
Anmol Singh Bhatia	c03858fefe	chore: work item card enhancements	2025-12-16 19:57:05 +05:30
Anmol Singh Bhatia	315facc68d	chore: project card enhancements	2025-12-16 19:56:46 +05:30
Anmol Singh Bhatia	0ee6b78564	chore: tooltip enhancements	2025-12-16 19:55:51 +05:30