github/weave-scope
1
0
Fork 0
mirror of https://github.com/weaveworks/scope.git synced 2026-03-03 10:11:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

Loading details header now has node color

Browse Source
This commit is contained in:
David Kaltschmidt
2015-11-24 18:49:49 +01:00
parent e60d64da27
commit 13a2eec05d
2 changed files with 12 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
client/app/scripts/components/node-details.js
View File

@@ -21,15 +21,23 @@ const NodeDetails = React.createClass({
},
renderLoading: function() {
const node = this.props.nodes.get(this.props.nodeId);
const nodeColor = this.getNodeColorDark(node.get('rank'), node.get('label_major'));
const styles = {
header: {
'backgroundColor': nodeColor
}
};
return (
<div className="node-details">
<div className="node-details-header node-details-header-loading">
<div className="node-details-header" style={styles.header}>
<div className="node-details-header-wrapper">
<h2 className="node-details-header-label">
Loading...
<h2 className="node-details-header-label truncate">
{node.get('label_major')}
</h2>
<div className="node-details-header-label-minor truncate">
{this.props.nodeId}
{node.get('label_minor')}
</div>
</div>
</div>

4
client/app/styles/main.less
View File

@@ -390,10 +390,6 @@ h2 {
background-color: @background-dark-color;
}
&-loading {
background-color: @background-medium-color;
}
}
&-controls {