Browse Source
Merge pull request #1339 from meriadec/fix/outline-button-style
Fix outline button active style
master
Gaëtan Renaudeau
7 years ago
committed by
GitHub
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with
16 additions and
10 deletions
-
src/components/base/Button/index.js
|
|
|
@ -93,16 +93,22 @@ const buttonStyles: { [_: string]: Style } = { |
|
|
|
background: ${rgba(c, 0.1)}; |
|
|
|
` |
|
|
|
}, |
|
|
|
active: p => ` |
|
|
|
color: ${darken( |
|
|
|
p.outlineColor ? p.theme.colors[p.outlineColor] || p.outlineColor : p.theme.colors.wallet, |
|
|
|
0.1, |
|
|
|
)}; |
|
|
|
border-color: ${darken( |
|
|
|
p.outlineColor ? p.theme.colors[p.outlineColor] || p.outlineColor : p.theme.colors.wallet, |
|
|
|
0.1, |
|
|
|
)}; |
|
|
|
`,
|
|
|
|
active: p => { |
|
|
|
const c = p.outlineColor |
|
|
|
? p.theme.colors[p.outlineColor] || p.outlineColor |
|
|
|
: p.theme.colors.wallet |
|
|
|
return ` |
|
|
|
background: ${rgba(c, 0.15)}; |
|
|
|
color: ${darken( |
|
|
|
p.outlineColor ? p.theme.colors[p.outlineColor] || p.outlineColor : p.theme.colors.wallet, |
|
|
|
0.1, |
|
|
|
)}; |
|
|
|
border-color: ${darken( |
|
|
|
p.outlineColor ? p.theme.colors[p.outlineColor] || p.outlineColor : p.theme.colors.wallet, |
|
|
|
0.1, |
|
|
|
)}; |
|
|
|
` |
|
|
|
}, |
|
|
|
}, |
|
|
|
outlineGrey: { |
|
|
|
default: p => ` |
|
|
|
|
