status-im
/
sourcecred
mirror of https://github.com/status-im/sourcecred.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Tweak the cred explorer highlight color (#659) 

William and I were experimenting, and felt that this color is slightly
more pleasing / harmonious with the rest of the site, and still quite
legibile.

Test plan: Examine the new UI, and conclude that the color choice is
harmonious and legible :). Screenshot included with the PR.

Paired with @wchargin
This commit is contained in:
Dandelion Mané 2018-08-13 21:27:21 -07:00 committed by GitHub
parent c315af4dbb
commit 83969371d6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/credExplorer/pagerankTable/TableRow.js
View File

@ -48,7 +48,7 @@ export class TableRow extends React.PureComponent<
connectionProportion == null connectionProportion == null
? "" ? ""
: (connectionProportion * 100).toFixed(2) + "%"; : (connectionProportion * 100).toFixed(2) + "%";
const backgroundColor = `rgba(0,143.4375,0,${1 - 0.9 ** depth})`; const backgroundColor = `hsla(150,100%,28%,${1 - 0.9 ** depth})`;
return ( return (
<React.Fragment> <React.Fragment>
{showPadding && <PaddingRow backgroundColor={backgroundColor} />} {showPadding && <PaddingRow backgroundColor={backgroundColor} />}

12
src/app/credExplorer/pagerankTable/__snapshots__/TableRow.test.js.snap
View File

@ -8,7 +8,7 @@ Object {
}, },
"depth": 0, "depth": 0,
"trStyle": Object { "trStyle": Object {
"backgroundColor": "rgba(0,143.4375,0,0)", "backgroundColor": "hsla(150,100%,28%,0)",
}, },
} }
`; `;
@ -21,7 +21,7 @@ Object {
}, },
"depth": 1, "depth": 1,
"trStyle": Object { "trStyle": Object {
"backgroundColor": "rgba(0,143.4375,0,0.09999999999999998)", "backgroundColor": "hsla(150,100%,28%,0.09999999999999998)",
}, },
} }
`; `;
@ -34,7 +34,7 @@ Object {
}, },
"depth": 2, "depth": 2,
"trStyle": Object { "trStyle": Object {
"backgroundColor": "rgba(0,143.4375,0,0.18999999999999995)", "backgroundColor": "hsla(150,100%,28%,0.18999999999999995)",
}, },
} }
`; `;
@ -47,7 +47,7 @@ Object {
}, },
"indent": 0, "indent": 0,
"trStyle": Object { "trStyle": Object {
"backgroundColor": "rgba(0,143.4375,0,0.2709999999999999)", "backgroundColor": "hsla(150,100%,28%,0.2709999999999999)",
}, },
} }
`; `;
@ -60,7 +60,7 @@ Object {
}, },
"indent": 1, "indent": 1,
"trStyle": Object { "trStyle": Object {
"backgroundColor": "rgba(0,143.4375,0,0.2709999999999999)", "backgroundColor": "hsla(150,100%,28%,0.2709999999999999)",
}, },
} }
`; `;
@ -73,7 +73,7 @@ Object {
}, },
"indent": 2, "indent": 2,
"trStyle": Object { "trStyle": Object {
"backgroundColor": "rgba(0,143.4375,0,0.2709999999999999)", "backgroundColor": "hsla(150,100%,28%,0.2709999999999999)",
}, },
} }
`; `;