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 * 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 (
<React.Fragment>
{showPadding && <PaddingRow backgroundColor={backgroundColor} />}

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

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