Skip to content

improving project page ui#445

Open
rijesha wants to merge 7 commits intodevelopfrom
improving_project_ui
Open

improving project page ui#445
rijesha wants to merge 7 commits intodevelopfrom
improving_project_ui

Conversation

@rijesha
Copy link
Copy Markdown
Contributor

@rijesha rijesha commented Apr 11, 2026

No description provided.

@rijesha
Copy link
Copy Markdown
Contributor Author

rijesha commented Apr 11, 2026

@copilot the vertical size of the project and build sections should be the same and should be locked. There should be scroll areas to allow this to happen.

The buttons to add/modify files is not rendering correctly.

Provide a few screenshots with the fix and add dummy data to show the page with different tabs

Copy link
Copy Markdown
Contributor

Copilot AI commented Apr 11, 2026

@copilot the vertical size of the project and build sections should be the same and should be locked. There should be scroll areas to allow this to happen.

The buttons to add/modify files is not rend...

Implemented in commit af5ec0a.

Changes made:

  • Locked Project and Build/Test panels to equal height with internal scrolling.
  • Updated file actions to render clearly as Add/Type toggle/Remove controls.
  • Added dummy-data UI previews for multiple tab states.

Screenshots:
Project KConfig + Build West Args
Project DTC Overlay + Build West Args
Project DTC Overlay + Build CMake Args

@rijesha
Copy link
Copy Markdown
Contributor Author

rijesha commented Apr 11, 2026

Redo do the screenshots, but have it rendered to what it will exactly be in vscode.

@rijesha
Copy link
Copy Markdown
Contributor Author

rijesha commented Apr 11, 2026

@copilot see comment

Copy link
Copy Markdown
Contributor

Copilot AI commented Apr 11, 2026

Redo do the screenshots, but have it rendered to what it will exactly be in vscode.

Updated in commit 5ad071f with fresh captures rendered from the actual Project Details webview output (VS Code-style rendering), replacing the previous images.

Project KConfig + Build West Args
Project DTC Overlay + Build West Args
Project DTC Overlay + Build CMake Args

@copilot see comment

Addressed in commit 5ad071f.

Updated Project Details screenshot

@rijesha
Copy link
Copy Markdown
Contributor Author

rijesha commented Apr 11, 2026

@copilot the build page doesnt have to be a single collumn it could be two collumns as there is more info associated with the build than the project.
Or it could also be tabbed.
What are the horizontal lines to the left of fields.

Copy link
Copy Markdown
Contributor

Copilot AI commented Apr 11, 2026

@copilot the build page doesnt have to be a single collumn it could be two collumns as there is more info associated with the build than the project.
Or it could also be tabbed.
What are the horizo...

Implemented in commit f0925dd.

I switched the Build panel to a two-column layout (responsive back to one column on narrower widths) so the additional build info uses space better.

The lines you called out were the left-side accent borders on build/test sections; I removed those and changed them to top accents so they don’t appear next to the fields.

Updated build panel two-column layout

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