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

Closed
dhruvisompura opened this issue Jan 31, 2025 · 2 comments
Closed

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

dhruvisompura opened this issue Jan 31, 2025 · 2 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
@midleman
Copy link
Contributor

midleman commented Mar 3, 2025

@softwarenerd The "conserve space" changes look great. I do have a question. I'd grab a screenshot/video but I'm unable to because the cursor changes when I do that for some reason (???). But basically, I'm getting the "I Beam" cursor when I hover over the path in the Console. I would expect to be able to drag and copy text or something with this cursor (which I cannot)? Maybe it should just be a default arrow cursor?

@midleman
Copy link
Contributor

midleman commented Mar 3, 2025

Verified Fixed

Positron Version(s) : 2025.03.0-116
OS Version(s) : MacOS

Test scenario(s)

Verified that the new current working directory behavior for conserving space functions as expected. The reported cursor issue is a pre-existing problem, and a separate ticket has been opened to track it.

Link(s) to test cases run or created:

n/a

@midleman midleman closed this as completed Mar 3, 2025
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

4 participants