pixel-paint icon indicating copy to clipboard operation
pixel-paint copied to clipboard

add shortcut legend

Open jkl3848 opened this issue 1 year ago • 2 comments

I thought it might be handy to have the keyboard shortcuts list on the page itself, instead of having to reference the git repo. I tried to keep the style simple.

jkl3848 avatar May 29 '24 21:05 jkl3848

@jkl3848 Good idea and would probably be helpful.

I have a couple comments:

  1. We should probably allow it to be collapsable.
  2. It right now sits too far low. We want to place it in a more accessible place.
  • Maybe it makes sense to fix its position to the top left?
  • We could also hide it away and open it in a modal when you click on an "info" button?

Maybe something like this? What do you think?

image

Kully avatar Jun 04 '24 22:06 Kully

@jkl3848 Hey just checking in? Are you still tryin to get this merged (and the other one you started #29 )

Kully avatar Aug 01 '24 20:08 Kully

@jkl3848 Hey just checking in? Are you still tryin to get this merged (and the other one you started #29 )

Sorry I've been MIA. Been busy with some other projects. Yes I hope to finish these up soon.

jkl3848 avatar Oct 02 '24 12:10 jkl3848

Sorry I've been MIA. Been busy with some other projects. Yes I hope to finish these up soon.

Sounds good! No worries, we are all busy people 🙏

Reviewing the PR again, it already looks like we are indicating the shortcuts for some of the commands: if you hover over some of the buttons, it shows you the commands.

example: image

But some of them are not indicated, as you have indicated in the legend.

To not repeat ourselves, we could maybe just keep these 3 in the shortcut:

image

Curious what you think :)

Kully avatar Oct 02 '24 12:10 Kully

Just to make sure I understand, you're saying just keep those three in the legend, since the others are already in tooltips?

jkl3848 avatar Oct 02 '24 14:10 jkl3848

Yes. Thoughts?

On Wed, Oct 2, 2024 at 4:23 PM Jachin @.***> wrote:

Just to make sure I understand, you're saying just keep those three in the legend, since the others are already in tooltips?

— Reply to this email directly, view it on GitHub https://github.com/Kully/pixel-paint/pull/28#issuecomment-2388781300, or unsubscribe https://github.com/notifications/unsubscribe-auth/ACPDQR46SMUXRGDDA5EOPADZZP6UPAVCNFSM6AAAAABIPXP6ICVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDGOBYG44DCMZQGA . You are receiving this because you commented.Message ID: @.***>

Kully avatar Oct 02 '24 14:10 Kully

Sounds good. I'll make the change

jkl3848 avatar Oct 02 '24 15:10 jkl3848

@Kully Ok I removed the extra shortcuts and switched to a onHover popover. Let me know what you think.

I dont mind replacing the word with an icon, I just wasn't sure what you use for icons.

jkl3848 avatar Oct 03 '24 20:10 jkl3848

@Kully Ok I removed the extra shortcuts and switched to a onHover popover. Let me know what you think.

I dont mind replacing the word with an icon, I just wasn't sure what you use for icons.

Thanks for removing the extra shortcuts.

I felt the placement on the screen however was a little unintuitive in that it is not obvious that something will happen when you hover or click on it (not your fault, I didn't give a design requirement for this task).

I did some tweaking in CSS. Do you mind applying these changes? Once you do, we should be ready to merge. 🙌

Screen Shot 2024-10-07 at 12 06 17 PM

Kully avatar Oct 07 '24 10:10 Kully

@Kully Ok I removed the extra shortcuts and switched to a onHover popover. Let me know what you think. I dont mind replacing the word with an icon, I just wasn't sure what you use for icons.

Thanks for removing the extra shortcuts.

I felt the placement on the screen however was a little unintuitive in that it is not obvious that something will happen when you hover or click on it (not your fault, I didn't give a design requirement for this task).

I did some tweaking in CSS. Do you mind applying these changes? Once you do, we should be ready to merge. 🙌

Screen Shot 2024-10-07 at 12 06 17 PM

LGTM 👍🏻

jkl3848 avatar Oct 07 '24 12:10 jkl3848

LGTM 👍🏻

Let me know if you are able to make these changes and we can go from there.

(PS I don't think I have permissions to, otherwise I would have done it 😛)

Kully avatar Oct 07 '24 13:10 Kully

@Kully Ok should be good to go

jkl3848 avatar Oct 07 '24 16:10 jkl3848

@Kully Ok should be good to go

Superb! Thank you!! 💃

Kully avatar Oct 07 '24 17:10 Kully