Right align actions tree view#295266
Conversation
Offset actions using --list-scroll-right-offset so they remain aligned to the viewport edge. Apply only to rows containing action items and adjust spacing for correct visual alignment.
📬 CODENOTIFYThe following users are being notified based on files changed in this PR: @joaomorenoMatched files:
@benibenjMatched files:
@bpaseroMatched files:
|
|
Thanks for continuing to work on this! It looks like the actions are leaving some extra space after them: 
Maybe for the file decoration? 
I think if the file decoration isn't showing, then we shouldn't leave the space. |
Thanks for review will fix this asap and will ping you👍 |
|
Hii @alexr00 , fixed it in the last commit — just added a CSS check for actions on nodes that have file decorations. BeforeScreen.Recording.2026-02-17.at.6.48.39.AM.movAfterScreen.Recording.2026-02-17.at.6.50.14.AM.movNoteDidn’t add any new decoration to npmScripts — just used it to replicate the behavior for testing. |
alexr00
left a comment
There was a problem hiding this comment.
Thank you for helping out with this!
Fixes #251722
TreeView: Keep actions aligned during horizontal scrolling
On top of the initial offset computation introduced by @alexr00, this PR completes and stabilizes the right-aligned action behavior for TreeViews with horizontal scrolling.
Changes
(
.monaco-list-row:has(.actions .action-item)).--list-scroll-right-offsetwhen horizontal scrolling is disabled.--list-scroll-right-offsetinvscode-known-variables.json.Result
Preview
Screen.Recording.2026-02-14.at.3.56.39.AM.mov