hanh.tonguyen/paperclip
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ui: add toggle button to reopen properties panel on desktop

Browse Source 
When the properties panel is hidden, a SlidersHorizontal icon button
now appears in the issue header bar (desktop only) to re-show it.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Dotta
2026-03-03 14:56:32 -06:00
parent defccdd4d9
commit f3d1e6f1b4
1 changed files with 13 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
ui/src/pages/IssueDetail.tsx
View File

@@ -147,7 +147,7 @@ export function IssueDetail() {
const { issueId } = useParams<{ issueId: string }>(); const { issueId } = useParams<{ issueId: string }>();
const { selectedCompanyId } = useCompany(); const { selectedCompanyId } = useCompany();
const { pushToast } = useToast(); const { pushToast } = useToast();
const { openPanel, closePanel } = usePanel(); const { openPanel, closePanel, panelVisible, setPanelVisible } = usePanel();
const { setBreadcrumbs } = useBreadcrumbs(); const { setBreadcrumbs } = useBreadcrumbs();
const queryClient = useQueryClient(); const queryClient = useQueryClient();
const navigate = useNavigate(); const navigate = useNavigate();
@@ -613,6 +613,18 @@ export function IssueDetail() {
<SlidersHorizontal className="h-4 w-4" /> <SlidersHorizontal className="h-4 w-4" />
</Button> </Button>
{!panelVisible && (
<Button
variant="ghost"
size="icon-xs"
className="hidden md:inline-flex ml-auto shrink-0"
onClick={() => setPanelVisible(true)}
title="Show properties"
>
<SlidersHorizontal className="h-4 w-4" />
</Button>
)}
<Popover open={moreOpen} onOpenChange={setMoreOpen}> <Popover open={moreOpen} onOpenChange={setMoreOpen}>
<PopoverTrigger asChild> <PopoverTrigger asChild>
<Button variant="ghost" size="icon-xs" className="md:ml-auto shrink-0"> <Button variant="ghost" size="icon-xs" className="md:ml-auto shrink-0">