fix: allow board column tag to shrink so aggregate value remains visible

[bitloi]

Summary

When a select option label is long, it was pushing the aggregate value (e.g., '12.6m') out of view because the tag had flex-shrink: 0.

Changed to min-width: 0 and overflow: hidden to allow the tag to shrink and truncate with ellipsis, keeping the aggregate value visible.

Changes

• Modified StyledTag in RecordBoardColumnHeader.tsx to allow shrinking

The Tag component already has built-in text truncation with OverflowingTextWithTooltip, so this change enables that functionality to work properly.

Fixes #17350

[greptile-apps]

Greptile Summary

Fixed a UI overflow issue where long select option labels in board columns would push the aggregate value (e.g., '12.6m') out of view.

• Replaced flex-shrink: 0 with min-width: 0 and overflow: hidden on StyledTag in RecordBoardColumnHeader.tsx
• This allows the tag to shrink within its flex container and enables the built-in text truncation with ellipsis from the Tag component's OverflowingTextWithTooltip
• The aggregate value dropdown now remains visible regardless of label length

Confidence Score: 5/5

• This PR is safe to merge - minimal CSS-only change that fixes a UI visibility issue
• Score reflects that this is a simple, focused CSS fix with no logic changes. The pattern of min-width: 0 + overflow: hidden is already used elsewhere in the codebase and follows standard flexbox best practices for text truncation.
• No files require special attention

Important Files Changed

Filename	Overview
packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnHeader.tsx	Changed StyledTag from flex-shrink: 0 to min-width: 0 + overflow: hidden to allow the tag to shrink and truncate, keeping aggregate values visible. No issues found.

Sequence Diagram

sequenceDiagram
    participant User
    participant BoardColumn as RecordBoardColumnHeader
    participant Tag as StyledTag
    participant Aggregate as AggregateDropdown

    User->>BoardColumn: View board column
    BoardColumn->>Tag: Render column label (long text)
    Note over Tag: min-width: 0 allows shrinking<br/>overflow: hidden clips content
    Tag-->>BoardColumn: Truncated label with ellipsis
    BoardColumn->>Aggregate: Render aggregate value
    Note over Aggregate: Aggregate remains visible<br/>in StyledLeftContainer
    Aggregate-->>User: Display value (e.g., '12.6m')

Loading

[github-actions]

🚀 Preview Environment Ready!

Your preview environment is available at: http://bore.pub:30898

This environment will automatically shut down when the PR is closed or after 5 hours.

[cubic-dev-ai]

No issues found across 1 file

[cubic-dev-ai]

No issues found across 2 files

[bitloi]

To reproduce the aggregate values like "5.5m" shown in the screenshot:

1. Click on the "-" next to any column header
2. Select "Sum" (or another aggregate operation)
3. Choose the "Amount" field

The aggregate value will then display instead of "-".

@lucasbordeau Can you please review the changes?