pengjunjie/langflow
1
0
Fork 1
mirror of https://github.com/langflow-ai/langflow.git synced 2026-07-28 01:33:31 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(canvas): replace panel toggle icon with SlidersHorizontal and add pressed/unpressed visual states (#13286)

Browse Source 
Co-authored-by: Olayinka Adelakun <olayinkaadelakun@mac.war.can.ibm.com>
This commit is contained in:
olayinkaadelakun
2026-05-25 14:06:30 -07:00
committed by GitHub
parent 0a11614d7f
commit de780fd3bf
1 changed files with 12 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/frontend/src/components/core/canvasControlsComponent/CanvasControls.tsx
View File

@ -137,7 +137,12 @@ const CanvasControls = ({
unstyled
size="icon"
data-testid="canvas_controls_toggle_inspector"
className="group flex h-8 w-8 items-center justify-center rounded-md hover:bg-muted"
aria-pressed={inspectionPanelVisible}
className={`group flex h-8 w-8 items-center justify-center rounded-md ${
inspectionPanelVisible
? "bg-muted text-foreground"
: "hover:bg-muted"
}`}
title={
!selectedNode
? "Select a node to open the Inspector Panel"
@ -148,8 +153,12 @@ const CanvasControls = ({
onClick={() => setInspectionPanelVisible(!inspectionPanelVisible)}
>
<ForwardedIconComponent
name={inspectionPanelVisible ? "PanelRightClose" : "PanelRight"}
className="!h-5 !w-5 text-muted-foreground group-hover:text-foreground"
name="SlidersHorizontal"
className={`!h-5 !w-5 ${
inspectionPanelVisible
? "text-foreground"
: "text-muted-foreground group-hover:text-foreground"
}`}
/>
</Button>
)}