vscode-elements / elements

Web component library for developing Visual Studio Code extensions
https://vscode-elements.github.io
MIT License
156 stars 27 forks source link

Tree item description #136

Closed qarlosalberto closed 9 months ago

qarlosalberto commented 9 months ago

Is it possible to add an item description as VSCode tree?

(you can see the description in grey)

imagen

qarlosalberto commented 9 months ago

with the library:

imagen

bendera commented 9 months ago

Yes, the description property exists in the TreeItem. It's slightly smaller and its opacity is 0.95.

document.querySelector('vscode-tree').getItemByPath([0,2]).description = "asfasf";

image

qarlosalberto commented 9 months ago

Could you use a similar color to native VSCode tree? It can be a little confusing:

imagen

bendera commented 9 months ago

Could you use a similar color to native VSCode tree?

I borrowed the styles of the timeline panel but neither the VSCode design is not consistent. I will add css part declarations to it, and you can customize it as you want.

qarlosalberto commented 9 months ago

that's great

El vie., 16 feb. 2024 22:01, Adam Bender @.***> escribió:

Could you use a similar color to native VSCode tree?

I borrowed the styles of the timeline panel but neither the VSCode design is not consistent. I will add css part https://developer.mozilla.org/en-US/docs/Web/CSS/::part declarations to it, and you can customize it as you want.

— Reply to this email directly, view it on GitHub https://github.com/vscode-elements/elements/issues/136#issuecomment-1949329622, or unsubscribe https://github.com/notifications/unsubscribe-auth/ABNN4RYM67CREG5Y6DSJEATYT7CKFAVCNFSM6AAAAABDG5CYM6VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTSNBZGMZDSNRSGI . You are receiving this because you authored the thread.Message ID: @.***>

bendera commented 9 months ago

Done.

qarlosalberto commented 9 months ago

Thanks!!

El mar., 20 feb. 2024 20:19, Adam Bender @.***> escribió:

Done.

— Reply to this email directly, view it on GitHub https://github.com/vscode-elements/elements/issues/136#issuecomment-1954901477, or unsubscribe https://github.com/notifications/unsubscribe-auth/ABNN4R6XP2XJ2FY3YXSYVJTYUTZMHAVCNFSM6AAAAABDG5CYM6VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTSNJUHEYDCNBXG4 . You are receiving this because you authored the thread.Message ID: @.***>