Use disabled operation icons (fixes #1203)

This commit is contained in:
John Firebaugh
2013-03-29 15:37:00 -07:00
parent 93dd4a2658
commit 6c8bb657e3
2 changed files with 12 additions and 12 deletions

View File

@@ -528,17 +528,17 @@ button[disabled] .icon.nearby { background-position: -340px -40px;}
.icon-operation-rotate { background-position: -180px -140px;}
.icon-operation-simplify { background-position: -200px -140px;}
.disabled.icon-operation-delete { background-position: 0 -160px;}
.disabled.icon-operation-circularize { background-position: -20px -160px;}
.disabled.icon-operation-straighten { background-position: -40px -160px;}
.disabled.icon-operation-split { background-position: -60px -160px;}
.disabled.icon-operation-disconnect { background-position: -80px -160px;}
.disabled.icon-operation-reverse { background-position: -100px -160px;}
.disabled.icon-operation-move { background-position: -120px -160px;}
.disabled.icon-operation-merge { background-position: -140px -160px;}
.disabled.icon-operation-orthogonalize { background-position: -160px -160px;}
.disabled.icon-operation-rotate { background-position: -180px -160px;}
.disabled.icon-operation-simplify { background-position: -200px -160px;}
.icon-operation-disabled-delete { background-position: 0 -160px;}
.icon-operation-disabled-circularize { background-position: -20px -160px;}
.icon-operation-disabled-straighten { background-position: -40px -160px;}
.icon-operation-disabled-split { background-position: -60px -160px;}
.icon-operation-disabled-disconnect { background-position: -80px -160px;}
.icon-operation-disabled-reverse { background-position: -100px -160px;}
.icon-operation-disabled-move { background-position: -120px -160px;}
.icon-operation-disabled-merge { background-position: -140px -160px;}
.icon-operation-disabled-orthogonalize { background-position: -160px -160px;}
.icon-operation-disabled-rotate { background-position: -180px -160px;}
.icon-operation-disabled-simplify { background-position: -200px -160px;}
/* Universal preset icons */

View File

@@ -59,7 +59,7 @@ iD.ui.RadialMenu = function(operations) {
button.append('use')
.attr('transform', 'translate(-10, -10)')
.attr('clip-path', 'url(#clip-square-20)')
.attr('xlink:href', function(d) { return '#icon-operation-' + d.id; });
.attr('xlink:href', function(d) { return '#icon-operation-' + (d.disabled() ? 'disabled-' : '') + d.id; });
tooltip = d3.select(document.body)
.append('div')