@configuratorware/configurator-frontendgui 1.36.0 → 1.36.2

package/App/Modules/Designer/Components/FullScreenView/FullScreenView.js

@@ -32,7 +32,7 @@ var styles = function styles(theme) {
       width: '25%'
     })), _defineProperty(_thumbnailGrid, theme.orientation.landscape, {
       height: 136
-    }), _defineProperty(_thumbnailGrid, '@media (min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 825px)', {
+    }), _defineProperty(_thumbnailGrid, '@media (min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 950px)', {
       width: '100%',
       maxWidth: '100%',
       position: 'absolute',

package/App/Modules/Designer/Containers/ImageEditDialog.js

@@ -688,7 +688,7 @@ var ImageEditDialogContainer = /*#__PURE__*/function (_React$Component) {
               return _context8.abrupt("return");
 
             case 13:
-              if (!(activeTabIndex === 0)) {
+              if (!(activeTabIndex === 0 && !(image.gallery && colorDisabled))) {
                 _context8.next = 16;
                 break;
               }

package/App/Modules/Visualization/CreatorAlignTarget.js

@@ -29,7 +29,7 @@ var styles = function styles(theme) {
       maxHeight: 'calc(100% - 286px)'
     }), _defineProperty(_root, theme.breakpoints.up('lg'), {
       maxHeight: 'calc(100% - 196px)'
-    }), _defineProperty(_root, '@media (min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 825px)', {
+    }), _defineProperty(_root, '@media (min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 950px)', {
       maxHeight: '100%'
     }), _root)
   };

package/App/Modules/Visualization/DesignerAlignTarget.js

@@ -33,7 +33,7 @@ var styles = function styles(theme) {
     }), _defineProperty(_theme$orientation$po, theme.breakpoints.up('md'), {
       maxHeight: 'calc(100% - 172px)',
       marginTop: 0
-    }), _theme$orientation$po)), _defineProperty(_root, '@media (min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 825px)', {
+    }), _theme$orientation$po)), _defineProperty(_root, '@media (min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 950px)', {
       maxHeight: '100%'
     }), _root)
   };

package/App/Screens/Configurator/Components/FullScreenView/index.js

@@ -95,7 +95,7 @@ var styles = function styles(theme) {
       pointerEvents: 'all'
     }, _defineProperty(_button, theme.breakpoints.down('sm'), {
       zIndex: 5
-    }), _defineProperty(_button, '@media (min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 825px)', {
+    }), _defineProperty(_button, '@media (min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 950px)', {
       display: 'none'
     }), _button),
     buttonBottom: {},
@@ -131,7 +131,7 @@ var styles = function styles(theme) {
       left: 'calc(50% - 75px)',
       bottom: 0,
       height: 56
-    }), _defineProperty(_buttonView, '@media (min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 825px)', {
+    }), _defineProperty(_buttonView, '@media (min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 950px)', {
       display: 'none'
     }), _buttonView)
   };

package/App/Screens/Configurator/Components/LandscapeInformation/index.js

@@ -24,7 +24,7 @@ var styles = function styles() {
     LandscapeFullscreen: {
       display: 'none'
     },
-    '@media (min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 825px)': {
+    '@media (min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 950px)': {
       LandscapeFullscreen: {
         display: 'flex',
         position: 'absolute',

package/App/Screens/Configurator/Screen.js

@@ -83,7 +83,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
  * Main Screen of the configurator
  */
 var Configurator = function Configurator(props) {
-  var imageOnly = (0, _core.useMediaQuery)('(min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 825px)');
+  var imageOnly = (0, _core.useMediaQuery)('(min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 950px)');
   (0, React.useEffect)(function () {
     if (imageOnly) {
       _ServiceLocator.Services.visualization.enableDesignAreaInteraction(false);

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@configuratorware/configurator-frontendgui",
-  "version": "1.36.0",
+  "version": "1.36.2",
   "license": "UNLICENSED",
   "private": false,
   "main": "./index.js",
   "dependencies": {
     "@babel/polyfill": "^7.12.1",
-    "@configuratorware/scripts": "1.36.0",
+    "@configuratorware/scripts": "1.36.2",
     "@hot-loader/react-dom": "^17.0.1",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.11.2",
@@ -39,8 +39,8 @@
     "react-router-dom": "^5.2.0",
     "react-swipeable": "^5.5.1",
     "react-zoom-pan-pinch": "^2.1.3",
-    "redhotmagma-graphics-editor": "1.36.0",
-    "redhotmagma-visualization": "1.36.0",
+    "redhotmagma-graphics-editor": "1.36.2",
+    "redhotmagma-visualization": "1.36.2",
     "redux": "^4.1.0",
     "redux-logger": "^3.0.6",
     "redux-persist": "^5.10.0",

package/src/App/Modules/Designer/Components/FullScreenView/FullScreenView.js

@@ -22,7 +22,7 @@ const styles = theme => ({
         [theme.orientation.landscape]: {
             height: 136,
         },
-        '@media (min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 825px)': {
+        '@media (min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 950px)': {
             width: '100%',
             maxWidth: '100%',
             position: 'absolute',

package/src/App/Modules/Designer/Containers/ImageEditDialog.js

@@ -567,7 +567,7 @@ export class ImageEditDialogContainer extends React.Component {
             return;
         }
 
-        if (activeTabIndex === 0) {
+        if (activeTabIndex === 0 && !(image.gallery && colorDisabled)) {
             this.setState({ activeTabIndex: image.gallery ? 2 : 1 });
             return;
         }

package/src/App/Modules/Visualization/CreatorAlignTarget.js

@@ -20,7 +20,7 @@ const styles = theme => ({
         [theme.breakpoints.up('lg')]: {
             maxHeight: 'calc(100% - 196px)',
         },
-        '@media (min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 825px)': {
+        '@media (min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 950px)': {
             maxHeight: '100%',
         },
     },

package/src/App/Modules/Visualization/DesignerAlignTarget.js

@@ -26,7 +26,7 @@ const styles = theme => ({
                 marginTop: 0,
             },
         },
-        '@media (min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 825px)': {
+        '@media (min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 950px)': {
             maxHeight: '100%',
         },
     },

package/src/App/Screens/Configurator/Components/FullScreenView/index.js

@@ -31,7 +31,7 @@ const styles = theme => ({
         [theme.breakpoints.down('sm')]: {
             zIndex: 5,
         },
-        '@media (min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 825px)': {
+        '@media (min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 950px)': {
             display: 'none',
         },
     },
@@ -71,7 +71,7 @@ const styles = theme => ({
             bottom: 0,
             height: 56,
         },
-        '@media (min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 825px)': {
+        '@media (min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 950px)': {
             display: 'none',
         },
     },

package/src/App/Screens/Configurator/Components/LandscapeInformation/index.js

@@ -9,7 +9,7 @@ const styles = () => ({
     LandscapeFullscreen: {
         display: 'none',
     },
-    '@media (min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 825px)': {
+    '@media (min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 950px)': {
         LandscapeFullscreen: {
             display: 'flex',
             position: 'absolute',

package/src/App/Screens/Configurator/Screen.js

@@ -46,7 +46,7 @@ import { Services } from '../../ServiceLocator';
  */
 export const Configurator = props => {
     const imageOnly = useMediaQuery(
-        '(min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 825px)'
+        '(min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 950px)'
     );
     useEffect(() => {
         if (imageOnly) {