google/material-design-lite
1
1
Fork 0
mirror of https://github.com/google/material-design-lite.git synced 2024-11-10 01:47:01 +03:00
Code Issues Projects Releases Wiki Activity

Fix issues with layout obfuscator in iOS9. Fixes #1696.

Browse Source 
iOS9 seemingly breaks the general sibling selector (~) in WebViews.
This works around the problem by styling the obfuscator differently.
This commit is contained in:
Sérgio Gomes 2015-10-09 15:16:12 +01:00
parent 6b6abf5e16
commit 45fd155b35
2 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/layout/_layout.scss
View File

@ -382,7 +382,7 @@
transition-property: background-color;
@include material-animation-default();
.mdl-layout__drawer.is-visible ~ & {
&.is-visible {
background-color: rgba(0, 0, 0, 0.5);
visibility: visible;
}

3
src/layout/layout.js
View File

@ -151,6 +151,7 @@
// Collapse drawer (if any) when moving to a large screen size.
if (this.drawer_) {
this.drawer_.classList.remove(this.CssClasses_.IS_DRAWER_OPEN);
this.obfuscator_.classList.remove(this.CssClasses_.IS_DRAWER_OPEN);
}
}
};
@ -162,6 +163,7 @@
*/
MaterialLayout.prototype.drawerToggleHandler_ = function() {
this.drawer_.classList.toggle(this.CssClasses_.IS_DRAWER_OPEN);
this.obfuscator_.classList.toggle(this.CssClasses_.IS_DRAWER_OPEN);
};
/**
@ -340,6 +342,7 @@
obfuscator.addEventListener('click',
this.drawerToggleHandler_.bind(this));
obfuscator.addEventListener('mousewheel', eatEvent);
this.obfuscator_ = obfuscator;
}
// Initialize tabs, if any.