goblin-desktop 3.1.2 → 3.1.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "goblin-desktop",
-  "version": "3.1.2",
+  "version": "3.1.3",
   "description": "Goblin Desktop",
   "main": "./builders/builders.js",
   "scripts": {

package/widgets/default/view.js

@@ -19,7 +19,7 @@ class DefaultView extends View {
       return null;
     }
     return (
-      <Container kind="row" grow="1">
+      <Container kind="row" grow="1" minWidth="300px">
         <Hinter id={this.props.hinter} />
       </Container>
     );
@@ -27,7 +27,7 @@ class DefaultView extends View {
 
   renderDetail() {
     if (!this.props.detail) {
-      return null;
+      return <></>;
     }
     return (
       <Detail
@@ -50,16 +50,18 @@ class DefaultView extends View {
   }
 
   renderViews(workitemType, LeftPanel, useHinter, additionnalProps) {
+    const hide = !this.props.detail;
     switch (workitemType) {
       case 'workitem':
         return (
           <Splitter
             id={`goblin-desktop/default/${workitemType}/detail`}
             kind="vertical"
+            firstOverflow="visible"
             lastSize={this.props.width || '800px'}
             lastMinSize={this.props.width || '800px'}
             lastMaxSize="1500px"
-            hide={!this.props.detail}
+            hide={hide}
           >
             <Splitter
               id={`goblin-desktop/default/${workitemType}`}
@@ -82,7 +84,7 @@ class DefaultView extends View {
             lastSize={this.props.width || '800px'}
             lastMinSize={this.props.width || '800px'}
             lastMaxSize="1500px"
-            hide={!this.props.detail}
+            hide={hide}
           >
             {this.renderLeft(LeftPanel, useHinter, additionnalProps)}
             {this.renderDetail()}

package/widgets/workitem/styles.js

@@ -11,6 +11,10 @@ export default function styles(theme) {
     display: 'flex',
   };
 
+  const formFields = {
+    width: 'fit-content',
+  };
+
   const detail = {
     height: '100%',
     display: 'flex',
@@ -240,6 +244,7 @@ export default function styles(theme) {
 
   return {
     form,
+    formFields,
     detail,
     board,
     roadbook,

package/widgets/workitem/widget.js

@@ -703,12 +703,14 @@ class Workitem extends Form {
             validateOn="submit"
             model={`backend.${this.props.entityId}`}
           >
-            {this.props.children}
-            <WorkitemFields
-              id={`workitem@${this.props.id.split('@')[0]}`}
-              workitemId={this.props.id}
-              readonly={true}
-            />
+            <div className={this.styles.classNames.formFields}>
+              {this.props.children}
+              <WorkitemFields
+                id={`workitem@${this.props.id.split('@')[0]}`}
+                workitemId={this.props.id}
+                readonly={true}
+              />
+            </div>
           </Form>
         </ScrollableContainer>
         {this.renderActionButtons()}