ui: add toggle button to reopen properties panel on desktop

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

View File

@@ -147,7 +147,7 @@ export function IssueDetail() {
const { issueId } = useParams<{ issueId: string }>();
const { selectedCompanyId } = useCompany();
const { pushToast } = useToast();
const { openPanel, closePanel } = usePanel();
const { openPanel, closePanel, panelVisible, setPanelVisible } = usePanel();
const { setBreadcrumbs } = useBreadcrumbs();
const queryClient = useQueryClient();
const navigate = useNavigate();
@@ -613,6 +613,18 @@ export function IssueDetail() {
<SlidersHorizontal className="h-4 w-4" />
</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}>
<PopoverTrigger asChild>
<Button variant="ghost" size="icon-xs" className="md:ml-auto shrink-0">