react icon indicating copy to clipboard operation
react copied to clipboard

Draggable divider in resizable PageLayout component should be more obvious

Open dylanatsmith opened this issue 1 year ago • 9 comments

We got feedback that it’s not clear the PageLayout panes can be resized, and it’s not clear where you would drag to resize. See https://github.com/github/codespaces/issues/19538

I’m proposing a simple solution like adding a grabber icon atop the divider as an affordance:

Image

Since the divider already has good visual hover and active states, maybe the icon is hidden in those states so we don’t need to handle them.

dylanatsmith avatar Oct 15 '24 11:10 dylanatsmith

Uh oh! @dylanatsmith, the image you shared is missing helpful alt text. Check your issue body.

Alt text is an invisible description that helps screen readers describe images to blind or low-vision users. If you are using markdown to display images, add your alt text inside the brackets of the markdown image.

Learn more about alt text at Basic writing and formatting syntax: images on GitHub Docs.

🤖 Beep boop! This comment was added automatically by github/accessibility-alt-text-bot.

github-actions[bot] avatar Oct 15 '24 11:10 github-actions[bot]

We discussed this in today's Primer patterns working session and the designers on the call liked @dylanatsmith 's proposal to add a grabber icon atop the divider as an affordance.

mperrotti avatar Oct 15 '24 18:10 mperrotti

Won't have time to get to this in the immediate future, putting back in the queue

francinelucca avatar Nov 18 '24 14:11 francinelucca

Hi @dylanatsmith , I am looking for some open source projects to work on. If this is issue is still open and hasn't been resolved, I'm interested in contributing to this issue.

Adarsha186 avatar Nov 18 '24 15:11 Adarsha186

@Adarsha186 assigned you to the issue, let me know if you have any questions on the requirements or our contribution process!

francinelucca avatar Nov 25 '24 23:11 francinelucca

Hi! This issue has been marked as stale because it has been open with no activity for 180 days. You can comment on the issue or remove the stale label to keep it open. If you do nothing, this issue will be closed in 7 days.

github-actions[bot] avatar May 25 '25 00:05 github-actions[bot]

Hi, thanks for filing this issue! I'm going to send this to the Primer First Responder to assess this request so we can get back to you.

FR could you please find the stale PR for this work

sunnyi101 avatar Jun 02 '25 16:06 sunnyi101

@sunnyi101, I wasn't able to find existing work for this. By chance, do we know who created it?

TylerJDev avatar Jun 06 '25 13:06 TylerJDev

@Adarsha186 Hello! Are you still working on this?

hellojanehere avatar Aug 26 '25 15:08 hellojanehere