use css containment when possible

This commit is contained in:
Luke Pulverenti 2016-05-29 17:02:47 -04:00
parent 2075acf404
commit ee96fa577b
9 changed files with 26 additions and 19 deletions

View File

@ -15,12 +15,12 @@
},
"devDependencies": {},
"ignore": [],
"version": "1.3.97",
"_release": "1.3.97",
"version": "1.3.98",
"_release": "1.3.98",
"_resolution": {
"type": "version",
"tag": "1.3.97",
"commit": "a16d3b396652af4fe1ae414244ec2df71382b50f"
"tag": "1.3.98",
"commit": "f4b1f61aa32d6266aa63b151e10d773201870ba4"
},
"_source": "https://github.com/MediaBrowser/emby-webcomponents.git",
"_target": "^1.2.0",

View File

@ -1,3 +1,7 @@
.backdropContainer {
contain: layout style;
}
.backdropImage {
background-repeat: no-repeat;
background-position: center center;

View File

@ -10,6 +10,7 @@
border: 0;
padding: 0;
will-change: transform;
contain: style;
}
.dialog.fixedSize {
@ -23,6 +24,7 @@
max-height: none !important;
max-width: none !important;
width: auto;
contain: strict;
}
.dialog.centeredDialog {

View File

@ -514,6 +514,7 @@
top: 50%;
left: 50%;
z-index: 9999999;
contain: layout style;
}
.loadingHide {

View File

@ -0,0 +1,10 @@
.mainAnimatedPage {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
contain: layout style;
/* Can't use will-change because it causes the alpha picker to move when the page scrolls*/
/*will-change: transform;*/
}

View File

@ -1,4 +1,4 @@
define(['browser'], function (browser) {
define(['browser', 'css!./viewcontainer-lite'], function (browser) {
var mainAnimatedPages = document.querySelector('.mainAnimatedPages');
var allPages = [];

View File

@ -30,14 +30,14 @@
"web-component-tester": "polymer/web-component-tester#^3.4.0"
},
"ignore": [],
"homepage": "https://github.com/PolymerElements/iron-a11y-announcer",
"homepage": "https://github.com/polymerelements/iron-a11y-announcer",
"_release": "1.0.4",
"_resolution": {
"type": "version",
"tag": "v1.0.4",
"commit": "5ce3eb8c4282bb53cd72e348858dc6be6b4c50b9"
},
"_source": "git://github.com/PolymerElements/iron-a11y-announcer.git",
"_source": "git://github.com/polymerelements/iron-a11y-announcer.git",
"_target": "^1.0.0",
"_originalSource": "PolymerElements/iron-a11y-announcer"
"_originalSource": "polymerelements/iron-a11y-announcer"
}

View File

@ -34,6 +34,6 @@
"commit": "11c987b2eb3c73b388a79fc8aaea8ca01624f514"
},
"_source": "git://github.com/Polymer/polymer.git",
"_target": "^1.1.0",
"_target": "^1.0.0",
"_originalSource": "Polymer/polymer"
}

View File

@ -309,16 +309,6 @@ iron-icon {
min-height: 24px;
}
.mainAnimatedPage {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
/* Can't use will-change because it causes the alpha picker to move when the page scrolls*/
/*will-change: transform;*/
}
/* Without this, no content will be displayed in mobile safari */
.pageContainer {
overflow-x: visible !important;