fix: restore the project board header layout (breadcrumb in the toolbar) - EXO-88315#631
Merged
bmestrallet merged 1 commit intoJul 23, 2026
Conversation
…ar) - EXO-88315 The board header regressed: the project name sits misaligned and the favorite star and the AI action render inline right after it instead of being grouped with the other actions on the right. Cause: the board-header revamp changed three files, but only two of them reached feature/ai-contribution when the branch was recreated. TasksViewToolbar.vue got the revamp (breadcrumb rendered through a #left slot, extension actions grouped on the right next to the view switcher, filter and sort), while TasksViewDashboard.vue kept the pre-revamp markup: its own projectTasksWrapper/taskViewBreadcrumb block outside the toolbar, with pt-1 pb-5 instead of align-center, plus its own copy of the task-board-header extension point. So the extensions were rendered twice — inline after the title and again inside the toolbar — and the title lost its vertical centering. Restores the intended markup: the dashboard passes the breadcrumb through the toolbar's #left slot and no longer renders the extension point itself, leaving a single render site in TasksViewToolbar. Also drops the task-card/list/gantt-tab-view props, which the revamped toolbar no longer declares (the view switcher replaced them). Verified live on a local 7.3 platform: the header shows the back arrow and the project name on the left, vertically centered, and the star, the AI action, the view switcher, the filter and the sort grouped on the right. eslint clean, webpack build clean. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
|
Open
2 tasks
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Symptom
In a project board, the project name is misaligned and the favorite star and the AI action render inline right after the title instead of being grouped with the other actions on the right of the header.
Cause — a lost hunk, not a styling bug
The board-header revamp (EXO-88315) changed three files, but only two of them reached
feature/ai-contributionwhen the branch was recreated:TasksViewToolbar.vue#leftslot and groups thetask-board-headerextensions on the right, next to the view switcher / filter / sortTasksViewSwitcher.vueTasksViewDashboard.vueSo the dashboard kept its own
projectTasksWrapper/taskViewBreadcrumbblock outside the toolbar — withpt-1 pb-5instead ofalign-center— and its own copy of thetask-board-headerextension point. The extensions were therefore rendered twice (inline after the title, and again inside the toolbar), and the title lost its vertical centering.Change
#leftslot and no longer renderstask-board-headeritself, leaving one render site (TasksViewToolbar.vue:49).task-card-tab-view/task-list-tab-view/task-gantt-tab-viewprops: the revamped toolbar declares onlyproject,statusListandshowCompletedTasks— the view switcher replaced them.Net: 13 fewer lines in the dashboard, no CSS change (nothing referenced the removed wrappers).
Verification
Built and deployed on a local 7.3 platform: the header now shows the back arrow and the project name on the left, vertically centered, with the star, the AI action, the view switcher, the filter and the sort grouped on the right.
eslintclean (0 errors), webpack production build clean.🤖 Generated with Claude Code