styled 'start editing' button, closes 1177

This commit is contained in:
Saman Bemel-Benrud
2013-03-27 20:08:10 -04:00
parent 2a73e2271f
commit 4776ca92ea
2 changed files with 21 additions and 12 deletions

View File

@@ -2382,6 +2382,14 @@ div.typeahead a:first-child {
}
.huge-modal-button {
height: 180px;
width: 100%;
height: auto;
padding: 20px;
}
.huge-modal-button .illustration {
height: 100px;
width: 100px;
background: rgba(0, 0, 0, 0) url(../img/sprite.png) no-repeat -301px -220px;
margin: auto;
}

View File

@@ -32,19 +32,20 @@ iD.ui.intro.startEditing = function(context, reveal) {
modal.selectAll('.close').remove();
modal.select('.content')
.append('div')
.attr('class', 'fillL')
.append('div')
.attr('class','modal-section')
.append('button')
.attr('class', 'huge-modal-button')
.on('click', function() {
var startbutton = modal.select('.content')
.attr('class', 'fillL')
.append('button')
.attr('class', 'modal-section huge-modal-button')
.on('click', function() {
event.startEditing();
modal.remove();
})
.append('h2')
.text(t('intro.startediting.start'));
});
startbutton.append('div')
.attr('class','illustration');
startbutton.append('h2')
.text(t('intro.startediting.start'));
}, 7500);
};