fix(tables): reduce column header chevron size and fix sidebar shadow bleed (#4800)

This commit is contained in:
Waleed
2026-05-29 15:56:11 -07:00
committed by GitHub
parent 704362dc5e
commit 925dd871e8
4 changed files with 7 additions and 7 deletions
@@ -53,8 +53,8 @@ export function ColumnConfigSidebar(props: ColumnConfigSidebarProps) {
role='dialog'
aria-label='Configure column'
className={cn(
'absolute top-0 right-0 bottom-0 z-[var(--z-modal)] flex w-[400px] flex-col overflow-hidden border-[var(--border)] border-l bg-[var(--bg)] shadow-overlay transition-transform duration-200 ease-out',
open ? 'translate-x-0' : 'translate-x-full'
'absolute top-0 right-0 bottom-0 z-[var(--z-modal)] flex w-[400px] flex-col overflow-hidden border-[var(--border)] border-l bg-[var(--bg)] transition-transform duration-200 ease-out',
open ? 'translate-x-0 shadow-overlay' : 'translate-x-full'
)}
>
{props.config && (
@@ -33,8 +33,8 @@ export function EnrichmentsSidebar({ open, ...rest }: EnrichmentsSidebarProps) {
role='dialog'
aria-label='Enrichments'
className={cn(
'absolute top-0 right-0 bottom-0 z-[var(--z-modal)] flex w-[400px] flex-col overflow-hidden border-[var(--border)] border-l bg-[var(--bg)] shadow-overlay transition-transform duration-200 ease-out',
open ? 'translate-x-0' : 'translate-x-full'
'absolute top-0 right-0 bottom-0 z-[var(--z-modal)] flex w-[400px] flex-col overflow-hidden border-[var(--border)] border-l bg-[var(--bg)] transition-transform duration-200 ease-out',
open ? 'translate-x-0 shadow-overlay' : 'translate-x-full'
)}
>
{open && <EnrichmentsSidebarBody {...rest} />}
@@ -317,7 +317,7 @@ export const ColumnHeaderMenu = React.memo(function ColumnHeaderMenu({
draggable={false}
aria-label='Column options'
>
<ChevronDown className='size-[14px] shrink-0' />
<ChevronDown className='size-[10px] shrink-0' />
</button>
<ColumnOptionsMenu
open={menuOpen}
@@ -214,8 +214,8 @@ export function WorkflowSidebar(props: WorkflowSidebarProps) {
role='dialog'
aria-label='Configure workflow'
className={cn(
'absolute top-0 right-0 bottom-0 z-[var(--z-modal)] flex w-[400px] flex-col overflow-hidden border-[var(--border)] border-l bg-[var(--bg)] shadow-overlay transition-transform duration-200 ease-out',
open ? 'translate-x-0' : 'translate-x-full'
'absolute top-0 right-0 bottom-0 z-[var(--z-modal)] flex w-[400px] flex-col overflow-hidden border-[var(--border)] border-l bg-[var(--bg)] transition-transform duration-200 ease-out',
open ? 'translate-x-0 shadow-overlay' : 'translate-x-full'
)}
>
{props.config && (