search

PlatformOfTrust / react-elements-of-trust

Other
1 stars 0 forks source link

Read only input field #31

Open Nazarah opened 5 years ago

Nazarah commented 5 years ago

Minimum Requirement

MVP

Validations

MVP

Nazarah commented 5 years ago

Readonly - Light Background

1. Normal

field label: #4729B3 field height: 40px background: #b5a1ff text: #ffffff gap between field and copy button: 30px copy-button height: 40px copy-button width: 40px background: #ffffff border: 1px solid #7955ff font-awesome icon: copy color: #7955ff

2. Copy Button - on hover

background: #7955ff font-awesome icon: copy color: #ffffff

3. Copy Button - on click

background: #7955ff font-awesome icon: copy color: #ffffff drop shadow: YES.

Readonly-light
Nazarah commented 5 years ago

Readonly - Dark Background

1. Normal

field label: #4729B3 field height: 40px background: #6D4CE6 border: 1px solid #4729b3 text: #ffffff gap between field and copy button: 30px copy-button height: 40px copy-button width: 40px background: #ffffff border: 1px solid #FFFFFF font-awesome icon: copy color: #FFFFFF

2. Copy Button - on hover

background: #FFFFFF font-awesome icon: copy color: #7955FF

3. Copy Button - on click

background: #FFFFFF font-awesome icon: copy color: #7955FF drop shadow: YES

Readonly-dark