nextcloud-libraries / nextcloud-libraries/nextcloud-vue

[DESIGN] Design and add copy value field

Open
#7,790 5 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

1. to develop design
Dominant language
Vue
Stars
246
Forks
99
Avg merge
1d 20h
Merged PRs (30d)
103

Description

Current design

Image

Issues

  • It always shows the value
    • It cannot be used to sensitive data like passwords, tokens, keys
  • Only acts as a button for action without the raw value
    • Not possible to select and copy the value manually
    • No good fallback in the context without clipboard access

Classic design + alternatives (custom, different in every place)

  • Allows manually selecting and copying the value
  • Allows hiding the value as a password
Image Image

cc @kra-mo

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Review the existing copy value button design in issue #7124 and compare it with the classic alternatives shown here. Define behavior for visible and sensitive values, manual selection, copying, and contexts without clipboard access; done means the new design and copy value field are added consistently.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
design, frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.