Fewer borders for localized names

Reduces visual clutter and fixes #1695
This commit is contained in:
John Firebaugh
2013-08-23 16:51:27 -07:00
parent 3399646aee
commit 2c93e053ae
2 changed files with 14 additions and 18 deletions
+4 -4
View File
@@ -1453,13 +1453,13 @@ input[type=number] {
vertical-align: top;
}
.form-field .localized-wrap {
padding: 0 10px;
}
.form-field .localized-wrap .entry {
position: relative;
overflow: hidden;
background: #f1f1f1;
border: 1px solid #ccc;
border-width: 0;
border-radius: 4px;
}
.form-field .localized-wrap .entry::before {
+10 -14
View File
@@ -105,8 +105,8 @@ iD.ui.preset.localized = function(field, context) {
var innerWrap = wraps.enter()
.insert('div', ':first-child');
innerWrap.attr('class', 'entry')
.each(function(d) {
innerWrap.attr('class', 'entry')
.each(function() {
var wrap = d3.select(this);
var langcombo = d3.combobox().fetcher(fetcher);
@@ -146,26 +146,22 @@ iD.ui.preset.localized = function(field, context) {
.remove();
})
.append('span').attr('class', 'icon delete');
});
innerWrap.transition()
.style('margin-top','0px')
innerWrap
.style('margin-top', '0px')
.style('max-height', '0px')
.style('padding', '0px')
.style('opacity', '0')
.style('border-width', '0px')
.transition()
.duration(200)
.style('margin-top','10px')
.style('border-width', '1px')
.style('padding', '10px')
.style('margin-top', '10px')
.style('max-height', '240px')
.style('opacity', '1')
.each('end', function(d) {
d3.select(this).style('max-height', '');
d3.select(this).style('overflow', 'visible');
});;
.each('end', function() {
d3.select(this)
.style('max-height', '')
.style('overflow', 'visible');
});
wraps.exit()
.transition()