Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Improve UI treatment of console action bar at narrow widths #6199

Open
dhruvisompura opened this issue Jan 31, 2025 · 0 comments
Open

Improve UI treatment of console action bar at narrow widths #6199

dhruvisompura opened this issue Jan 31, 2025 · 0 comments
Assignees
Labels
area: console Issues related to Console category. area: top bar Issues related to Top Bar category. area: ui Issues related to UI category. enhancement New feature or request

Comments

@dhruvisompura
Copy link
Contributor

Let's re-examine the layout for the console action bar at different widths and make it responsive. The right side of the console action bar get cut off at narrower widths.

408335018-1337d0fd-4e7b-4248-a2d0-c299dbc25b65.mov

The minimum width and height allowed for the application window is 400px by 270px.

The top action bar should be redesigned to consider how all the details for the console instance are rendered. The runtime session path name can be truncated and the action buttons can be collapse into a "..." dropdown menu.

@dhruvisompura dhruvisompura added this to the Release Candidate milestone Jan 31, 2025
@dhruvisompura dhruvisompura added area: console Issues related to Console category. enhancement New feature or request area: ui Issues related to UI category. area: top bar Issues related to Top Bar category. labels Jan 31, 2025
dhruvisompura added a commit that referenced this issue Feb 19, 2025
### Description 
Addresses #6160

This change introduces the new console tab list view in the console pane
behind the `positron.mulitpleConsoleSessions` feature flag. The console
tab list follows the tab list pattern for accessibility:
https://www.w3.org/WAI/ARIA/apg/patterns/tabs/examples/tabs-automatic/

This issue does not address #6199 which is related since the console tab
list can be resized. The console tab list resizing behavior can
definitely use some improvement but can be tackled as polish.

### Release Notes

#### New Features

- N/A

#### Bug Fixes

- N/A


### QA Notes

Please see testing notes under #6160

### Screenshots

**Resize Console Pane**


https://github.com/user-attachments/assets/3467f38e-4f54-4f65-b27f-ab0601117d1e

**Switch Sessions**


https://github.com/user-attachments/assets/70d1510f-4b91-45f7-a399-d3b146f49cd9
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area: console Issues related to Console category. area: top bar Issues related to Top Bar category. area: ui Issues related to UI category. enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

3 participants