more styling to inspector.

This commit is contained in:
Saman Bemel-Benrud
2012-12-13 16:01:57 -05:00
parent 3a1d99c4b2
commit 30f8367d07
4 changed files with 114 additions and 71 deletions

View File

@@ -61,6 +61,8 @@ iD.Inspector = function() {
var inspectorwrap = selection
.append('ul').attr('class', 'inspector-inner tag-wrap fillL2')
inspectorwrap.append('h4').text('Edit tags')
inspectorwrap
.data(['tag', 'value', ''])
.enter()
@@ -73,6 +75,7 @@ iD.Inspector = function() {
var inputs = row.append('div').attr('class','input-wrap').selectAll('input')
.data(function(d) { return [d, d]; });
inputs.enter().append('input')
.property('type', 'text')
.attr('class', function(d, i) {
return i ? 'value' : 'key';
})
@@ -133,7 +136,7 @@ iD.Inspector = function() {
selection.select('input').node().focus();
selection.append('div')
.attr('class', 'buttons').call(drawbuttons);
.attr('class', 'inspector-buttons').call(drawbuttons);
function drawbuttons(selection) {
selection.append('button')

View File

@@ -49,8 +49,10 @@ iD.layerswitcher = function(map) {
var opa = content
.append('div')
.attr('class', 'opacity-options-wrapper fillL2')
.html("<em>Layers</em>")
.append('ul')
opa.append('h4').text('Layers')
opa.append('ul')
.attr('class', 'opacity-options')
.selectAll('div.opacity')
.data(opacities)
@@ -76,6 +78,7 @@ iD.layerswitcher = function(map) {
.style('opacity', function(d) {
return d;
});
// Make sure there is an active selection by default
d3.select('.opacity-options li').classed('selected', true);