CalvinBackup/iD
1
0
Fork 0
mirror of https://github.com/FoggedLens/iD.git synced 2026-04-22 03:36:37 +02:00
Code Issues Packages Projects Releases Wiki Activity

small animation things.

Browse Source
This commit is contained in:
Saman Bemel-Benrud
2013-03-26 20:21:52 -04:00
parent f14c60e110
commit e6141d691c
2 changed files with 30 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
js/id/ui/preset_grid.js
+8 -6
View File
@@ -238,27 +238,29 @@ iD.ui.PresetGrid = function(context, entity) {
.append('div')
.attr('class','grid-button-wrap col4 grid-entry-wrap')
.classed('category', function(d) { return !!d.members; })
.classed('current', function(d) { return d === preset; })
.append('button')
.classed('current', function(d) { return d === preset; });
var buttonInner = entered.append('button')
.attr('class', 'grid-entry')
.on('click', choose);
entered.style('opacity', 0)
buttonInner
.style('opacity', 0)
.transition()
.style('opacity', 1);
entered.append('div')
buttonInner.append('div')
.attr('class', presetClass);
var geometry = entity.geometry(context.graph()),
fallbackIcon = geometry === 'line' ? 'other-line' : 'marker-stroked';
entered.append('div')
buttonInner.append('div')
.attr('class', function(d) {
return 'feature-' + (d.icon || fallbackIcon) + ' icon';
});
var label = entered.append('div')
var label = buttonInner.append('div')
.attr('class','label')
.text(name);
js/id/ui/splash.js
+22 -2
View File
@@ -25,14 +25,34 @@ iD.ui.Splash = function(context) {
.text(t('splash.walkthrough'))
.on('click', function() {
d3.select(document.body).call(iD.ui.intro(context));
modal.remove();
modal
.transition()
.duration(200)
.style('opacity','0')
.remove();
modal.select('.modal')
.transition()
.duration(200)
.style('top','0px')
.remove();
});
buttons.append('button')
.attr('class', 'col6 action modal-section start')
.text(t('splash.start'))
.on('click', function() {
modal.remove();
modal
.transition()
.duration(200)
.style('opacity','0')
.remove();
modal.select('.modal')
.transition()
.duration(200)
.style('top','0px')
.remove();
});
introModal.append('div')