authorgravatar for jappyjan@users.noreply.github.comJan Jaap <jappyjan@users.noreply.github.com> 2026-04-30 20:18:12+02:00
committergravatar for noreply@github.comGitHub <noreply@github.com> 2026-04-30 18:18:12+00:00
log9e2f7129e3bce9058294051eb6f99d2efc6a8e86
treeaee3c7718dc8be6782829f696e3244e7d47cac43
parenta4298f1ceb13dc496bd20eb5372ae691dbd3ca62
signature Signed by PGP key B5690EEEBB952194

fix(web): make new thread button always visible on mobile (#2419)

Co-authored-by: Claude Haiku 4.5 <noreply@anthropic.com> Co-authored-by: Julius Marminge <julius0216@outlook.com>

1 files changed, 3 insertions(+), 3 deletions(-)

apps/web/src/components/Sidebar.tsx+3-3
......@@ -1968,7 +1968,7 @@ const SidebarProjectItem = memo(function SidebarProjectItem(props: SidebarProjec
19681968 <SidebarMenuButton
19691969 ref={isManualProjectSorting ? dragHandleProps?.setActivatorNodeRef : undefined}
19701970 size="sm"
1971 className={`gap-2 px-2 py-1.5 text-left hover:bg-accent group-hover/project-header:bg-accent group-hover/project-header:text-sidebar-accent-foreground ${
1971 className={`gap-2 px-2 py-1.5 pr-8 text-left hover:bg-accent group-hover/project-header:bg-accent group-hover/project-header:text-sidebar-accent-foreground max-sm:pr-14 ${
19721972 isManualProjectSorting ? "cursor-grab active:cursor-grabbing" : "cursor-pointer"
19731973 }`}
19741974 {...(isManualProjectSorting && dragHandleProps ? dragHandleProps.attributes : {})}
......@@ -2025,7 +2025,7 @@ const SidebarProjectItem = memo(function SidebarProjectItem(props: SidebarProjec
20252025 ? "Remote project"
20262026 : "Available in multiple environments"
20272027 }
2028 className="pointer-events-none absolute top-1 right-1.5 inline-flex size-5 items-center justify-center rounded-md text-muted-foreground/50 transition-opacity duration-150 group-hover/project-header:opacity-0 group-focus-within/project-header:opacity-0"
2028 className="pointer-events-none absolute top-1 right-1.5 inline-flex size-5 items-center justify-center rounded-md text-muted-foreground/50 transition-opacity duration-150 max-sm:right-7 group-hover/project-header:opacity-0 group-focus-within/project-header:opacity-0 max-sm:group-hover/project-header:opacity-100 max-sm:group-focus-within/project-header:opacity-100"
20292029 />
20302030 }
20312031 >
......@@ -2039,7 +2039,7 @@ const SidebarProjectItem = memo(function SidebarProjectItem(props: SidebarProjec
20392039 <Tooltip>
20402040 <TooltipTrigger
20412041 render={
2042 <div className="pointer-events-none absolute top-1 right-1.5 opacity-0 transition-opacity duration-150 group-hover/project-header:pointer-events-auto group-hover/project-header:opacity-100 group-focus-within/project-header:pointer-events-auto group-focus-within/project-header:opacity-100">
2042 <div className="pointer-events-none absolute top-1 right-1.5 opacity-0 transition-opacity duration-150 max-sm:pointer-events-auto max-sm:opacity-100 group-hover/project-header:pointer-events-auto group-hover/project-header:opacity-100 group-focus-within/project-header:pointer-events-auto group-focus-within/project-header:opacity-100">
20432043 <button
20442044 type="button"
20452045 aria-label={`Create new thread in ${project.displayName}`}