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:
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user