mirror of
https://github.com/FoggedLens/iD.git
synced 2026-02-13 09:12:52 +00:00
styled 'start editing' button, closes 1177
This commit is contained in:
10
css/app.css
10
css/app.css
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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);
|
||||
};
|
||||
|
||||
|
||||
Reference in New Issue
Block a user