javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-18 19:21:34 +08:00
Code Issues Packages Projects Releases Wiki Activity

move hairline shim to bootstrap

Browse Source
This commit is contained in:
Tim Lancina
2015-08-11 10:28:40 -05:00
parent 5b30c79697
commit 63b1e79fd7
3 changed files with 17 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
gulpfile.js
View File

@ -148,7 +148,6 @@ function transpile(moduleType) {
'ionic/**/*.ts', 'ionic/**/*.ts',
'ionic/**/*.js', 'ionic/**/*.js',
'!ionic/components/*/test/**/*', '!ionic/components/*/test/**/*',
'!ionic/util/hairline.js',
'!ionic/util/test/*' '!ionic/util/test/*'
]) ])
.pipe(cache('transpile', { optimizeMemory: true })) .pipe(cache('transpile', { optimizeMemory: true }))
@ -177,8 +176,7 @@ gulp.task('transpile', ['transpile.system']);
gulp.task('bundle.ionic', ['transpile'], function() { gulp.task('bundle.ionic', ['transpile'], function() {
return gulp.src([ return gulp.src([
'dist/src/es5/system/ionic/**/*.js', 'dist/src/es5/system/ionic/**/*.js'
'ionic/util/hairline.js'
]) ])
.pipe(concat('ionic.js')) .pipe(concat('ionic.js'))
.pipe(insert.append('System.config({ "paths": { "ionic/*": "ionic/*" } });')) .pipe(insert.append('System.config({ "paths": { "ionic/*": "ionic/*" } });'))

16
ionic/components/app/app.ts
View File

@ -110,6 +110,22 @@ export class IonicApp {
} }
}); });
/**
* Hairline Shim
* Add the "hairline" CSS class name to the body tag
* if the browser supports subpixels.
*/
if (window.devicePixelRatio >= 2) {
var hairlineEle = document.createElement('div');
hairlineEle.style.border = '.5px solid transparent';
document.body.appendChild(hairlineEle);
if (hairlineEle.offsetHeight === 1) {
document.body.classList.add('hairlines');
}
document.body.removeChild(hairlineEle);
}
bodyEle.setAttribute('mode', config.setting('mode')); bodyEle.setAttribute('mode', config.setting('mode'));
} }

21
ionic/util/hairline.js
View File

@ -1,21 +0,0 @@
/**
* Hairline Shim
* Add the "hairline" CSS class name to the body tag
* if the browser supports subpixels.
*/
(function(document){
if (window.devicePixelRatio >= 2) {
var hairlineEle = document.createElement('div');
hairlineEle.style.border = '.5px solid transparent';
document.body.appendChild(hairlineEle);
if (hairlineEle.offsetHeight === 1) {
document.body.classList.add('hairlines');
}
document.body.removeChild(hairlineEle);
}
})(document);