BuzzbeeSCD/openchamber
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(ui): add 500ms delay to archive and sidebar header tooltips

Browse Source
This commit is contained in:
Bohdan Triapitsyn
2026-08-19 00:10:08 +03:00
parent f9d1ded81a
commit 0843250f07
5 changed files with 14 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/src/components/session/ArchiveAllDropdown.tsx
+1 -1
View File
@@ -17,7 +17,7 @@ const ArchiveAllDropdown: React.FC<ArchiveAllDropdownProps> = ({ onArchiveAll })
const { t } = useI18n(); const { t } = useI18n();
return ( return (
<DropdownMenu> <DropdownMenu>
<Tooltip> <Tooltip delayDuration={500}>
<TooltipTrigger asChild> <TooltipTrigger asChild>
<DropdownMenuTrigger asChild> <DropdownMenuTrigger asChild>
<button <button
packages/ui/src/components/session/sidebar/SessionGroupSection.tsx
+3 -3
View File
@@ -1185,7 +1185,7 @@ function SessionGroupSectionBase(props: Props): React.ReactNode {
</div> </div>
{group.isArchivedBucket && allGroupSessions.length > 0 ? ( {group.isArchivedBucket && allGroupSessions.length > 0 ? (
<div className={cn('absolute right-0.5 top-1/2 -translate-y-1/2 z-10 transition-opacity', alwaysShowActions ? 'opacity-100' : 'opacity-0 group-hover/gh:opacity-100 group-focus-within/gh:opacity-100')}> <div className={cn('absolute right-0.5 top-1/2 -translate-y-1/2 z-10 transition-opacity', alwaysShowActions ? 'opacity-100' : 'opacity-0 group-hover/gh:opacity-100 group-focus-within/gh:opacity-100')}>
<Tooltip> <Tooltip delayDuration={500}>
<TooltipTrigger asChild> <TooltipTrigger asChild>
<button <button
type="button" type="button"
@@ -1208,7 +1208,7 @@ function SessionGroupSectionBase(props: Props): React.ReactNode {
) : null} ) : null}
{group.directory && !group.isMain && group.worktree ? ( {group.directory && !group.isMain && group.worktree ? (
<div className={cn('absolute right-7 top-1/2 -translate-y-1/2 z-10 transition-opacity', alwaysShowActions ? 'opacity-100' : 'opacity-0 group-hover/gh:opacity-100 group-focus-within/gh:opacity-100')}> <div className={cn('absolute right-7 top-1/2 -translate-y-1/2 z-10 transition-opacity', alwaysShowActions ? 'opacity-100' : 'opacity-0 group-hover/gh:opacity-100 group-focus-within/gh:opacity-100')}>
<Tooltip> <Tooltip delayDuration={500}>
<TooltipTrigger asChild> <TooltipTrigger asChild>
<button <button
type="button" type="button"
@@ -1232,7 +1232,7 @@ function SessionGroupSectionBase(props: Props): React.ReactNode {
) : null} ) : null}
{group.directory ? ( {group.directory ? (
<div className={cn('absolute right-0.5 top-1/2 -translate-y-1/2 z-10 transition-opacity', alwaysShowActions ? 'opacity-100' : 'opacity-0 group-hover/gh:opacity-100 group-focus-within/gh:opacity-100')}> <div className={cn('absolute right-0.5 top-1/2 -translate-y-1/2 z-10 transition-opacity', alwaysShowActions ? 'opacity-100' : 'opacity-0 group-hover/gh:opacity-100 group-focus-within/gh:opacity-100')}>
<Tooltip> <Tooltip delayDuration={500}>
<TooltipTrigger asChild> <TooltipTrigger asChild>
<button <button
type="button" type="button"
packages/ui/src/components/session/sidebar/SessionNodeItem.tsx
+1 -1
View File
@@ -224,7 +224,7 @@ const QuickSessionAction = React.memo(function QuickSessionAction({
}; };
return ( return (
<Tooltip> <Tooltip delayDuration={500}>
<TooltipTrigger asChild> <TooltipTrigger asChild>
<button <button
type="button" type="button"
packages/ui/src/components/session/sidebar/SidebarHeader.tsx
+7 -7
View File
@@ -84,7 +84,7 @@ export function SidebarHeader(props: Props): React.ReactNode {
icon inset inside the 24px buttons so the first glyph lines up icon inset inside the 24px buttons so the first glyph lines up
with the New-session icon above (16px from the sidebar edge). */} with the New-session icon above (16px from the sidebar edge). */}
<div className="ml-[3px] flex items-center gap-1.5"> <div className="ml-[3px] flex items-center gap-1.5">
<Tooltip> <Tooltip delayDuration={500}>
<TooltipTrigger asChild> <TooltipTrigger asChild>
<button <button
type="button" type="button"
@@ -98,7 +98,7 @@ export function SidebarHeader(props: Props): React.ReactNode {
<TooltipContent side="bottom" sideOffset={4}><p>{t('sessions.sidebar.header.actions.addProject')}</p></TooltipContent> <TooltipContent side="bottom" sideOffset={4}><p>{t('sessions.sidebar.header.actions.addProject')}</p></TooltipContent>
</Tooltip> </Tooltip>
<Tooltip> <Tooltip delayDuration={500}>
<TooltipTrigger asChild> <TooltipTrigger asChild>
<button <button
type="button" type="button"
@@ -112,7 +112,7 @@ export function SidebarHeader(props: Props): React.ReactNode {
<TooltipContent side="bottom" sideOffset={4}><p>{t('sessions.sidebar.header.actions.scheduledTasks')}</p></TooltipContent> <TooltipContent side="bottom" sideOffset={4}><p>{t('sessions.sidebar.header.actions.scheduledTasks')}</p></TooltipContent>
</Tooltip> </Tooltip>
<Tooltip> <Tooltip delayDuration={500}>
<TooltipTrigger asChild> <TooltipTrigger asChild>
<button <button
type="button" type="button"
@@ -127,7 +127,7 @@ export function SidebarHeader(props: Props): React.ReactNode {
<TooltipContent side="bottom" sideOffset={4}><p>{t('sessions.sidebar.header.actions.newMultiRun')}</p></TooltipContent> <TooltipContent side="bottom" sideOffset={4}><p>{t('sessions.sidebar.header.actions.newMultiRun')}</p></TooltipContent>
</Tooltip> </Tooltip>
<Tooltip> <Tooltip delayDuration={500}>
<TooltipTrigger asChild> <TooltipTrigger asChild>
<button <button
type="button" type="button"
@@ -143,7 +143,7 @@ export function SidebarHeader(props: Props): React.ReactNode {
</div> </div>
<div className="flex items-center gap-1.5"> <div className="flex items-center gap-1.5">
<Tooltip> <Tooltip delayDuration={500}>
<TooltipTrigger asChild> <TooltipTrigger asChild>
<button <button
type="button" type="button"
@@ -158,7 +158,7 @@ export function SidebarHeader(props: Props): React.ReactNode {
<TooltipContent side="bottom" sideOffset={4}><p>{t('sessions.sidebar.header.actions.searchSessions')}</p></TooltipContent> <TooltipContent side="bottom" sideOffset={4}><p>{t('sessions.sidebar.header.actions.searchSessions')}</p></TooltipContent>
</Tooltip> </Tooltip>
<Tooltip> <Tooltip delayDuration={500}>
<TooltipTrigger asChild> <TooltipTrigger asChild>
<button <button
type="button" type="button"
@@ -180,7 +180,7 @@ export function SidebarHeader(props: Props): React.ReactNode {
</Tooltip> </Tooltip>
<DropdownMenu> <DropdownMenu>
<Tooltip> <Tooltip delayDuration={500}>
<TooltipTrigger asChild> <TooltipTrigger asChild>
<DropdownMenuTrigger asChild> <DropdownMenuTrigger asChild>
<button <button
packages/ui/src/components/session/sidebar/sortableItems.tsx
+2 -2
View File
@@ -312,7 +312,7 @@ export const SortableProjectItem: React.FC<SortableProjectItemProps> = ({
showCreateButtons ? 'right-7' : 'right-0.5', showCreateButtons ? 'right-7' : 'right-0.5',
)}> )}>
{showCreateButtons && isRepo && !hideDirectoryControls && onNewWorktreeSession ? ( {showCreateButtons && isRepo && !hideDirectoryControls && onNewWorktreeSession ? (
<Tooltip> <Tooltip delayDuration={500}>
<TooltipTrigger asChild> <TooltipTrigger asChild>
<button <button
type="button" type="button"
@@ -368,7 +368,7 @@ export const SortableProjectItem: React.FC<SortableProjectItemProps> = ({
{showCreateButtons && onNewSession ? ( {showCreateButtons && onNewSession ? (
<div className="absolute right-0.5 top-1/2 z-10 -translate-y-1/2"> <div className="absolute right-0.5 top-1/2 z-10 -translate-y-1/2">
<Tooltip> <Tooltip delayDuration={500}>
<TooltipTrigger asChild> <TooltipTrigger asChild>
<button <button
type="button" type="button"