1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00

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": {}, "devDependencies": {},
"ignore": [], "ignore": [],
"version": "1.3.97", "version": "1.3.98",
"_release": "1.3.97", "_release": "1.3.98",
"_resolution": { "_resolution": {
"type": "version", "type": "version",
"tag": "1.3.97", "tag": "1.3.98",
"commit": "a16d3b396652af4fe1ae414244ec2df71382b50f" "commit": "f4b1f61aa32d6266aa63b151e10d773201870ba4"
}, },
"_source": "https://github.com/MediaBrowser/emby-webcomponents.git", "_source": "https://github.com/MediaBrowser/emby-webcomponents.git",
"_target": "^1.2.0", "_target": "^1.2.0",

View file

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

View file

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

View file

@ -514,6 +514,7 @@
top: 50%; top: 50%;
left: 50%; left: 50%;
z-index: 9999999; z-index: 9999999;
contain: layout style;
} }
.loadingHide { .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 mainAnimatedPages = document.querySelector('.mainAnimatedPages');
var allPages = []; var allPages = [];

View file

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

View file

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

View file

@ -309,16 +309,6 @@ iron-icon {
min-height: 24px; 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 */ /* Without this, no content will be displayed in mobile safari */
.pageContainer { .pageContainer {
overflow-x: visible !important; overflow-x: visible !important;