search

darashi / nos.today

Nostr NIP-50 search web client
https://nos.today
MIT License
18 stars 3 forks source link

Add copy noteID & copy npub UI #3

Closed alltheseas closed 1 year ago

alltheseas commented 1 year ago

User Story

As a nos.today search engine user who is collecting information, I would like a way to copy the noteID to clipboard, so that I can paste the noteID elsewhere & collect noteID of multiple events before I investigate each one in detail in my nostr client.

Acceptance Criteria

  1. Nos.today has a copy noteID button adjacent to each note
  2. If user taps/clicks on copy noteID button, noteID is transposed to memory/clipboard

User Story

As a nos.today search engine user who is collecting information, I would like a way to copy the npubs to clipboard, so that I can paste the npub elsewhere & collect npub of multiple users before I investigate each one in detail in my nostr client.

Acceptance Criteria

  1. Nos.today has a copy npub button adjacent to each note
  2. If user taps/clicks on copy npub button, npub is transposed to memory/clipboard

mockup Clearly I am not a designer 😂 copy paste buttons

darashi commented 1 year ago

Yes, I think I need this too. I will try it. It would require one extra click, but maybe we could add a 3-dot menu and choose from there.

darashi commented 1 year ago

Just Implemented. Maybe more refinement might be needed...

darashi commented 1 year ago

I tried but the drop down menu was overkill at this point so I stopped. Just two buttons are placed.

alltheseas commented 1 year ago

It is functional, nice!

Maybe change icons to greater contrast? Right now to me copy buttons take effort to recognize. I see dark grey on light grey.

One observation on mobile (narrow screen) - when there is a long username the copy icon location can cause a bit of confusion.

image

darashi commented 1 year ago

As you say, it is confusing on a small screen. I adjusted the margins, though there may be a better way.

alltheseas commented 1 year ago

Would it be strange looking to always have the copy note button on the bottom right of the note?

See Damus: image

darashi commented 1 year ago

I'm trying to make notes vertically compact as possible, but a good layout might work. I will give it a try.

darashi commented 1 year ago

Well, it becomes longer vertically, but it is much simpler to implement by adding a dedicated line at the bottom like Damus. I did it.