github/sim
1
1
Fork 0
mirror of https://github.com/simstudioai/sim.git synced 2026-04-06 03:00:16 -04:00
Code Issues Packages Projects Releases Wiki Activity

fix(tables): use overflow-clip on header text to allow horizontal scrolling (#3722)

Browse Source
This commit is contained in:
Waleed
2026-03-23 14:57:39 -07:00
committed by GitHub
parent 24ed2ab995
commit f02f85fded
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
apps/sim/app/workspace/[workspaceId]/tables/[tableId]/components/table/table.tsx
View File

@@ -2524,7 +2524,7 @@ const ColumnHeaderMenu = React.memo(function ColumnHeaderMenu({
) : readOnly ? (
<div className='flex h-full w-full min-w-0 items-center px-[8px] py-[7px]'>
<ColumnTypeIcon type={column.type} />
<span className='ml-[6px] min-w-0 truncate font-medium text-[13px] text-[var(--text-primary)]'>
<span className='ml-[6px] min-w-0 overflow-clip text-ellipsis whitespace-nowrap font-medium text-[13px] text-[var(--text-primary)]'>
{column.name}
</span>
</div>
@@ -2536,7 +2536,7 @@ const ColumnHeaderMenu = React.memo(function ColumnHeaderMenu({
className='flex h-full w-full min-w-0 cursor-pointer items-center px-[8px] py-[7px] outline-none'
>
<ColumnTypeIcon type={column.type} />
<span className='ml-[6px] min-w-0 truncate font-medium text-[13px] text-[var(--text-primary)]'>
<span className='ml-[6px] min-w-0 overflow-clip text-ellipsis whitespace-nowrap font-medium text-[13px] text-[var(--text-primary)]'>
{column.name}
</span>
<ChevronDown className='ml-[8px] h-[7px] w-[9px] shrink-0 text-[var(--text-muted)]' />