Changed max width for edit object window: #2814

ioBroker · Nov 22, 2024 · 80acce4 · 80acce4
1 parent 03adeec
commit 80acce4
Show file tree

Hide file tree

Showing 3 changed files with 265 additions and 257 deletions.
diff --git a/packages/admin/src-admin/package.json b/packages/admin/src-admin/package.json
@@ -3,7 +3,7 @@
     "private": true,
     "homepage": ".",
     "scripts": {
-        "start": "set DANGEROUSLY_DISABLE_HOST_CHECK=true && craco start",
+        "start": "set DANGEROUSLY_DISABLE_HOST_CHECK=true && npm run patch-webpack && craco start",
         "lint": "eslint -c eslint.config.mjs src",
         "patch-webpack": "node ../tasks --patch-webpack",
         "build": "npm run patch-webpack && craco build",

diff --git a/packages/admin/src-admin/src/components/Object/ObjectBrowserEditObject.tsx b/packages/admin/src-admin/src/components/Object/ObjectBrowserEditObject.tsx
@@ -1542,11 +1542,16 @@ class ObjectBrowserEditObject extends Component<ObjectBrowserEditObjectProps, Ob
         const withAlias = obj._id.startsWith('alias.0') && obj.type === 'state';
         const fullWidth = obj.type !== 'state' || (obj.common.type !== 'number' && obj.common.type !== 'boolean');
 
+        let dialogStyle = styles.dialog;
+        if (window.innerWidth > 1920) {
+            dialogStyle = { ...dialogStyle, maxWidth: 'calc(100% - 150px)' };
+        }
+
         return (
             <Dialog
-                sx={{ '& .MuiPaper-root': styles.dialog }}
+                sx={{ '& .MuiPaper-root': dialogStyle }}
                 open={!0}
-                maxWidth="lg"
+                maxWidth="xl"
                 fullWidth={fullWidth}
                 fullScreen={false}
                 onClose={() => this.props.onClose()}