add preset icon to back button, and fix margins

This commit is contained in:
Ansis Brammanis
2013-03-20 17:46:22 -04:00
parent d9f12f7942
commit cf2e111fcb
2 changed files with 25 additions and 17 deletions
+19 -8
View File
@@ -654,17 +654,25 @@ a.selected:hover .toggle.icon { background-position: -40px -180px;}
height: 100%;
border-radius: 0;
border-right: 1px solid #CCC;
width: 12.5%;
width: 25%;
text-align: center;
overflow: hidden;
}
.inspector-wrap .message div.fl .icon{
margin-top: 18px;
.inspector-wrap .message button.fl.line .icon.back {
margin-top: 20px;
}
.inspector-wrap .message div.fl.line .icon{
margin-left: -25px;
margin-top: -23px;
.inspector-wrap .message button.fl.vertex .icon.back,
.inspector-wrap .message button.fl.point .icon.back,
.inspector-wrap .message button.fl.area .icon.back {
margin-top: 2px;
}
.inspector-wrap .message button.fl.vertex .preset-icon,
.inspector-wrap .message button.fl.point .preset-icon,
.inspector-wrap .message button.fl.area .preset-icon {
margin: 0 20px;
}
.inspector-wrap .message button.fr {
@@ -676,6 +684,7 @@ a.selected:hover .toggle.icon { background-position: -40px -180px;}
.inspector-wrap .message h3 {
display: block;
font-size: 16px;
line-height: 20px;
}
@@ -754,8 +763,10 @@ a.selected:hover .toggle.icon { background-position: -40px -180px;}
margin: auto;
}
.inspector-body-line .grid-entry .icon {
top: -10px;
.inspector-body-line .grid-entry > .icon {
top: 10px;
left: -10px;
right: -10px;
}
.grid-entry .label {
+6 -9
View File
@@ -29,18 +29,15 @@ iD.ui.TagEditor = function(context, entity) {
var messagewrap = selection.append('div')
.attr('class', 'message fillL');
messagewrap.append('button')
.attr('class', 'preset-reset fl')
var back = messagewrap.append('button')
.attr('class', 'preset-reset fl ' + geometry)
.on('click', function() {
event.choose(preset);
})
.append('span')
});
back.append('span')
.attr('class', 'icon back');
messagewrap.append('div')
.attr('class', 'preset-reset fl ' + geometry)
.append('span')
.attr('class', 'icon' + (preset ? ' feature-' + (preset.icon || 'marker-stroked') : ''));
back.append('span')
.attr('class', 'preset-icon icon' + (preset ? ' feature-' + (preset.icon || 'marker-stroked') : ''));
messagewrap.append('h3')
.attr('class', 'inspector-inner fl')