Add label to show-in-topo button

This commit is contained in:
Simon Howe
2016-11-03 13:11:54 +01:00
parent 30bca04e5d
commit 4da2a82602
2 changed files with 11 additions and 3 deletions

View File

@@ -54,7 +54,9 @@ export class NodeDetails extends React.Component {
<div className="node-details-tools-wrapper">
<div className="node-details-tools">
{showSwitchTopology && <span title={topologyTitle}
className="fa fa-exchange" onClick={this.handleShowTopologyForNode} />}
className="fa fa-long-arrow-left" onClick={this.handleShowTopologyForNode}>
<span>View in {this.props.topologyId}</span>
</span>}
<span title="Close details" className="fa fa-close" onClick={this.handleClickClose} />
</div>
</div>

View File

@@ -619,7 +619,7 @@ h2 {
top: 6px;
right: 8px;
span {
> span {
.btn-opacity;
padding: 4px 5px;
margin-left: 2px;
@@ -627,7 +627,13 @@ h2 {
color: @white;
cursor: pointer;
border: 1px solid rgba(255, 255, 255, 0);
border-radius: 10%;
border-radius: 4px;
span {
font-family: @base-font;
font-size: 0.9em;
margin-left: 4px;
}
&:hover {
border-color: rgba(255, 255, 255, 0.6);