Skip to content

fix(task-list): set custom column initial width to 180px and minimum width to 100px - #523

Open
ThishankaM wants to merge 1 commit into
developmentfrom
2478-bug-custom-column-name-is-not-fully-displayed
Open

ThishankaM wants to merge 1 commit into
developmentfrom
2478-bug-custom-column-name-is-not-fully-displayed

Conversation

@ThishankaM

@ThishankaM ThishankaM commented Oct 9, 2026 •

Copy link
Copy Markdown
Collaborator
  • Initialize newly created custom columns with 180px default width to prevent inline action button shifting
  • Enforce 100px minimum width constraint for custom column resizing
  • Prevent check and cancel action buttons from wrapping/shifting in CustomColumnHeader
  • Update column width validation utility and unit tests

Summary by CodeRabbit

  • Improvements
    • Custom columns can now be resized down to 100px, instead of a 180px minimum.
    • New custom columns retain a default width of 180px, with the existing 400px maximum.
    • Column header save and cancel buttons no longer shrink or wrap.

…width to 100px

- Initialize newly created custom columns with 180px default width to prevent inline action button shifting
- Enforce 100px minimum width constraint for custom column resizing
- Prevent check and cancel action buttons from wrapping/shifting in CustomColumnHeader
- Update column width validation utility and unit tests
@ThishankaM
ThishankaM requested a review from chamikaJ as a code owner October 9, 2026 06:35
@CLAassistant

Copy link
Copy Markdown

CLA assistant check
Thank you for your submission! We really appreciate it. Like many open source projects, we ask that you sign our Contributor License Agreement before we can accept your contribution.
You have signed the CLA already but the status is still pending? Let us recheck it.

@coderabbitai

coderabbitai Bot commented Oct 9, 2026 •

Copy link
Copy Markdown

Review in Change Stack →

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration
  • Configuration used: Repository: Worklenz/worklenz/.coderabbit.yaml
  • Review profile: CHILL
  • Plan: Advanced
  • Run ID: 83ee3f4a-c9e5-464b-bcf4-f603a3c19f19
📥 Commits

Reviewing files that changed from the base of the PR and between 3df24ed and adf2187.

📒 Files selected for processing (5)
  • worklenz-frontend/src/components/task-list-v2/TaskListV2Table.tsx
  • worklenz-frontend/src/components/task-list-v2/components/CustomColumnComponents.tsx
  • worklenz-frontend/src/pages/projects/projectView/taskList/task-list-table/custom-columns/custom-column-modal/add-custom-column-button.tsx
  • worklenz-frontend/src/utils/__tests__/column-width-validation.test.ts
  • worklenz-frontend/src/utils/column-width-validation.ts

Included review availability: This review used your included allowance. Your plan provides up to 8 included reviews per hour; 7 remain after this review.


📝 Walkthrough

Walkthrough

Custom-column width limits and defaults now use shared constants. The minimum width is 100px, the default is 180px, and the maximum remains 400px. Custom-column creation and editing components use these values.

Changes

Custom-column widths

Layer / File(s) Summary
Shared width values and validation
worklenz-frontend/src/utils/column-width-validation.ts, worklenz-frontend/src/utils/__tests__/column-width-validation.test.ts
The minimum width changes from 180px to 100px. The default is defined as 180px, and tests expect below-minimum widths to clamp to 100px. The maximum remains 400px.
Width usage in custom-column UI
worklenz-frontend/src/components/task-list-v2/TaskListV2Table.tsx, worklenz-frontend/src/components/task-list-v2/components/CustomColumnComponents.tsx, worklenz-frontend/src/pages/projects/projectView/taskList/task-list-table/custom-columns/custom-column-modal/add-custom-column-button.tsx
The task table and column creation and editing components use the shared width constants. The inline header editor disables wrapping and prevents its save and cancel buttons from shrinking.

Priority: ⬇️ Low

Estimated code review effort: 2 (Simple) | ~10 minutes

Change: Bug fix

Merge Risk: ⚪ Minimal · up to adf21

No actionable merge-blocking risk is established in the reviewed changes; they are suitable to merge after normal checks.

🚥 Pre-merge checks | ✅ 5
✅ Passed checks (5 passed)
Check name Status Explanation
Description Check Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check Passed The title clearly and concisely describes the primary changes: a 180px initial custom-column width and a 100px minimum width.
Docstring Coverage Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check. Docstring coverage is scoped to functions touched by this diff. Analyzed 0 functions across 5…
Linked Issues check Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check Passed Check skipped because no linked issues were found for this pull request.
✨ Finishing Touches
📝 Generate docstrings
  • Commit to this branch
  • Create a new PR
🧪 Generate unit tests (beta)
  • Commit to this branch
  • Create a new PR
  • Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants