zhenyi

Fork 0

Clone

style(web): rotate one chevron for sidebar disclosure

The grouped sidebar rows rendered a different glyph per state. They now rotate
a single ChevronRight, and the disclosure sits at the end of the row so long
labels keep their room.

ZhenYi committed 29 days ago

parent 4a3da16 commit 434aa19 Browse files

web/src/pages/workspace/ui/sidebar-nav.tsx +11 −12 View

@@ -3,7 +3,6 @@

33import {

44 AtSign,

55 Bot,

6 ChevronDown,

76 ChevronRight,

87 File,

98 Folder,

@@ -795,13 +794,14 @@

795794 onClick={onToggle}

796795 className="flex min-w-0 flex-1 items-center gap-1.5 text-left text-[13.5px] font-semibold"

797796 >

798 {collapsed ? (

799 <ChevronRight className="h-3.5 w-3.5 shrink-0 text-shell-ink-muted" aria-hidden />

800 ) : (

801 <ChevronDown className="h-3.5 w-3.5 shrink-0 text-shell-ink-muted" aria-hidden />

802 )}

803797 {icons.folder}

804798 <span className="truncate">{view.label}</span>

799 <ChevronRight

800 className={`ml-auto h-3.5 w-3.5 shrink-0 text-shell-ink-muted transition-transform ${

801 collapsed ? '' : 'rotate-90'

802 }`}

803 aria-hidden

804 />

805805 </button>

806806 </div>

807807 )

@@ -874,13 +874,12 @@

874874 aria-expanded={expanded}

875875 aria-label={t('agent.menu.toggle')}

876876 onClick={onExpand}

877 className="flex h-5 w-5 shrink-0 items-center justify-center rounded text-shell-ink-muted hover:bg-shell-surface"

877 className="flex h-5 w-3.5 shrink-0 items-center justify-center rounded text-shell-ink-muted hover:bg-shell-surface"

878878 >

879 {expanded ? (

880 <ChevronDown className="h-3.5 w-3.5" aria-hidden />

881 ) : (

882 <ChevronRight className="h-3.5 w-3.5" aria-hidden />

883 )}

879 <ChevronRight

880 className={`h-3.5 w-3.5 transition-transform ${expanded ? 'rotate-90' : ''}`}

881 aria-hidden

882 />

884883 </button>

885884 </div>

886885 )