Contain property

Author: Affolter Matias

client/chunk_5.min.js

@@ -1,7 +1,7 @@
 "use strict";
-var REQUIRED_CACHE = "unless-update-cache-v882-required";
-var USEFUL_CACHE = "unless-update-cache-v882-useful";
-var STATIC_CACHE = "unless-update-cache-v882-static";
+var REQUIRED_CACHE = "unless-update-cache-v883-required";
+var USEFUL_CACHE = "unless-update-cache-v883-useful";
+var STATIC_CACHE = "unless-update-cache-v883-static";
 var MAIN_CHILD_CHUNK_REGEX = /chunk_(main_[a-z0-9]+)\.min\.js$/i;
 var CHILD_CHUNK_REGEX = /chunk_([0-9]+)\.min\.js$/i;
 

service-worker.js

@@ -2778,7 +2778,7 @@ class PixelToolboxSwipeableViews extends React.PureComponent {
         return (
             <VirtualizeSwipeableViews
                 ignoreNativeScroll={true}
-                containerStyle={{overflow: "visible", contain: "style paint size layout", willChange: "inherit"}}
+                containerStyle={{overflow: "visible", contain: "size layout style", willChange: "inherit"}}
                 animateHeight={true}
                 animateTransitions={true}
                 disableLazyLoading={true}

src/js/components/PixelToolboxSwipeableViews.js

@@ -315,16 +315,14 @@ const styles = theme => ({
         },
         '& > div > .react-swipeable-view-container': {
             display: "flex !important",
-            filter: "opacity(1) !important",
-            WebkitFilter: "opacity(1) !important",
+            filter: "inherit !important",
+            WebkitFilter: "inherit",
             willChange: "none !important",
-            contain: "size layout style !important",
             height: "100% !important",
             [theme.breakpoints.up("lg")]: {
                 width: 480,
             },
-            width: "calc(100% - 64px)",
-            [theme.breakpoints.down("sm")]: {
+            [theme.breakpoints.down("md")]: {
                 width: "100%",
             },
         },