github/weave-scope
1
0
Fork 0
mirror of https://github.com/weaveworks/scope.git synced 2026-08-19 04:16:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

Converted some links into buttons.

Browse Source
This commit is contained in:
Filip Barl
2017-10-17 19:07:14 +02:00
parent 58922730f5
commit a369c158a5
7 changed files with 54 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/app/scripts/components/footer.js
+8 -8
View File
@@ -65,25 +65,25 @@ class Footer extends React.Component {
</div>
<div className="footer-tools">
<a
<button
className="footer-icon"
onClick={this.handleRelayoutClick}
title={forceRelayoutTitle}>
<span className="fa fa-refresh" />
</a>
<a onClick={this.handleContrastClick} className="footer-icon" title={otherContrastModeTitle}>
</button>
<button onClick={this.handleContrastClick} className="footer-icon" title={otherContrastModeTitle}>
<span className="fa fa-adjust" />
</a>
<a
</button>
<button
onClick={this.props.toggleTroubleshootingMenu}
className="footer-icon" title="Open troubleshooting menu"
href=""
>
<span className="fa fa-bug" />
</a>
<a className="footer-icon" onClick={this.props.toggleHelp} title="Show help">
</button>
<button className="footer-icon" onClick={this.props.toggleHelp} title="Show help">
<span className="fa fa-question" />
</a>
</button>
</div>
</div>
client/app/scripts/components/node-details/node-details-image-status.js
+2 -2
View File
@@ -90,11 +90,11 @@ class NodeDetailsImageStatus extends React.PureComponent {
Container Image Status
{containers &&
<div>
<a
<button
onClick={this.handleServiceClick}
className="node-details-table-node-link">
View in Deploy
</a>
</button>
</div>
}
client/app/scripts/components/time-travel-component.js
+5 -3
View File
@@ -145,7 +145,7 @@ const DisabledRange = styled.rect`
fill-opacity: 0.15;
`;
const TimestampLabel = styled.a`
const TimestampLabel = styled.button`
margin-left: 2px;
padding: 3px;
@@ -155,7 +155,7 @@ const TimestampLabel = styled.a`
}
`;
const TimelinePanButton = styled.a`
const TimelinePanButton = styled.button`
pointer-events: all;
padding: 2px;
`;
@@ -236,7 +236,9 @@ export default class TimeTravelComponent extends React.Component {
this.instantUpdateTimestamp = this.instantUpdateTimestamp.bind(this);
this.debouncedUpdateTimestamp = debounce(
this.instantUpdateTimestamp.bind(this), TIMELINE_DEBOUNCE_INTERVAL);
this.instantUpdateTimestamp.bind(this),
TIMELINE_DEBOUNCE_INTERVAL
);
}
componentDidMount() {
client/app/scripts/components/troubleshooting-menu.js
+4 -6
View File
@@ -42,8 +42,7 @@ class DebugMenu extends React.Component {
</a>
</div>
<div className="troubleshooting-menu-item">
<a
href=""
<button
className="footer-icon"
onClick={this.props.clickDownloadGraph}
title="Save canvas as SVG (does not include search highlighting)"
@@ -52,18 +51,17 @@ class DebugMenu extends React.Component {
<span className="description">
Save canvas as SVG (does not include search highlighting)
</span>
</a>
</button>
</div>
<div className="troubleshooting-menu-item">
<a
href=""
<button
className="footer-icon"
title="Reset view state"
onClick={this.handleClickReset}
>
<span className="fa fa-undo" />
<span className="description">Reset your local view state and reload the page</span>
</a>
</button>
</div>
<div className="troubleshooting-menu-item">
<a
client/app/scripts/components/zoom-control.js
+6 -2
View File
@@ -56,9 +56,13 @@ export default class ZoomControl extends React.Component {
return (
<div className="zoom-control">
<a className="zoom-in" onClick={this.handleZoomIn}><span className="fa fa-plus" /></a>
<button className="zoom-in" onClick={this.handleZoomIn}>
<span className="fa fa-plus" />
</button>
<Slider value={value} max={1} step={SLIDER_STEP} vertical onChange={this.handleChange} />
<a className="zoom-out" onClick={this.handleZoomOut}><span className="fa fa-minus" /></a>
<button className="zoom-out" onClick={this.handleZoomOut}>
<span className="fa fa-minus" />
</button>
</div>
);
}