[refactor] GH-11 Full-screen controls in stories

agentlab · Sep 9, 2021 · b126a41 · b126a41
1 parent 164b9e4
commit b126a41
Show file tree

Hide file tree

Showing 7 changed files with 54 additions and 42 deletions.
diff --git a/stories/TableLocalArtifacts.stories.tsx b/stories/TableLocalArtifacts.stories.tsx
@@ -937,9 +937,9 @@ const Template: Story = (args: any) => {
   // eslint-disable-next-line @typescript-eslint/no-var-requires
   connectReduxDevtools(require('remotedev'), rootStore);
   return (
-    <Provider store={store}>
-      <MstContextProvider store={rootStore} renderers={antdRenderers} cells={antdCells}>
-        <div style={{ height: '1000px' }}>
+    <div style={{ height: 'calc(100vh - 32px)' }}>
+      <Provider store={store}>
+        <MstContextProvider store={rootStore} renderers={antdRenderers} cells={antdCells}>
           <JsonSchemaTable
             schema={artifactSchema}
             path=''
@@ -1011,9 +1011,9 @@ const Template: Story = (args: any) => {
               },
             }}
           />
-        </div>
-      </MstContextProvider>
-    </Provider>
+        </MstContextProvider>
+      </Provider>
+    </div>
   );
 };
 

diff --git a/stories/TableRemoteArtifacts.stories.tsx b/stories/TableRemoteArtifacts.stories.tsx
@@ -240,13 +240,13 @@ const Template: Story = (args: any) => {
   // eslint-disable-next-line @typescript-eslint/no-var-requires
   connectReduxDevtools(require('remotedev'), rootStore);
   return (
-    <Provider store={store}>
-      <MstContextProvider store={rootStore} renderers={antdRenderers} cells={antdCells}>
-        <div style={{ height: '1000px' }}>
+    <div style={{ height: 'calc(100vh - 32px)' }}>
+      <Provider store={store}>
+        <MstContextProvider store={rootStore} renderers={antdRenderers} cells={antdCells}>
           <Form viewDescrId={viewDescrs[0]['@id']} viewDescrCollId={viewDescrCollConstr['@id']} />
-        </div>
-      </MstContextProvider>
-    </Provider>
+        </MstContextProvider>
+      </Provider>
+    </div>
   );
 };
 

diff --git a/stories/TableRemoteMktp.stories.tsx b/stories/TableRemoteMktp.stories.tsx
@@ -303,13 +303,13 @@ const Template: Story = (args: any) => {
   // eslint-disable-next-line @typescript-eslint/no-var-requires
   connectReduxDevtools(require('remotedev'), rootStore);
   return (
-    <Provider store={store}>
-      <MstContextProvider store={rootStore} renderers={antdRenderers} cells={antdCells}>
-        <div style={{ height: '1080px' }}>
+    <div style={{ height: 'calc(100vh - 32px)' }}>
+      <Provider store={store}>
+        <MstContextProvider store={rootStore} renderers={antdRenderers} cells={antdCells}>
           <Form viewDescrId={viewDescrs[0]['@id']} viewDescrCollId={viewDescrCollConstr['@id']} />
-        </div>
-      </MstContextProvider>
-    </Provider>
+        </MstContextProvider>
+      </Provider>
+    </div>
   );
 };
 

diff --git a/stories/TreeAndFormArtifact.stories.tsx b/stories/TreeAndFormArtifact.stories.tsx
@@ -64,6 +64,10 @@ const viewKinds = [
         '@id': 'rm:_kf8Df7',
         '@type': 'aldkg:SplitPaneLayout',
         options: {
+          style: {
+            width: '100%',
+            height: '50%',
+          },
           defaultSize: {
             'rm:Folders_Coll': '17%',
             'rm:_fgu778f': '83%',
@@ -181,12 +185,12 @@ export const Empty: Story<{}> = () => {
   // eslint-disable-next-line @typescript-eslint/no-var-requires
   connectReduxDevtools(require('remotedev'), rootStore);
   return (
-    <Provider store={store}>
-      <MstContextProvider store={rootStore} renderers={antdRenderers} cells={antdCells}>
-        <div style={{ height: '1000px', width: '100%' }}>
+    <div style={{ height: 'calc(100vh - 32px)' }}>
+      <Provider store={store}>
+        <MstContextProvider store={rootStore} renderers={antdRenderers} cells={antdCells}>
           <Form viewDescrId={viewDescrs[0]['@id']} viewDescrCollId={viewDescrCollConstr['@id']} />
-        </div>
-      </MstContextProvider>
-    </Provider>
+        </MstContextProvider>
+      </Provider>
+    </div>
   );
 };
diff --git a/stories/TreeAndFormMktp.stories.tsx b/stories/TreeAndFormMktp.stories.tsx
@@ -388,12 +388,12 @@ export const Empty: Story<{}> = () => {
   // eslint-disable-next-line @typescript-eslint/no-var-requires
   connectReduxDevtools(require('remotedev'), rootStore);
   return (
-    <Provider store={store}>
-      <MstContextProvider store={rootStore} renderers={antdRenderers} cells={antdCells}>
-        <div style={{ height: '1000px', width: '100%' }}>
+    <div style={{ height: 'calc(100vh - 32px)' }}>
+      <Provider store={store}>
+        <MstContextProvider store={rootStore} renderers={antdRenderers} cells={antdCells}>
           <Form viewDescrId={viewDescrs[0]['@id']} viewDescrCollId={viewDescrCollConstr['@id']} />
-        </div>
-      </MstContextProvider>
-    </Provider>
+        </MstContextProvider>
+      </Provider>
+    </div>
   );
 };
diff --git a/stories/TwoTables.stories.tsx b/stories/TwoTables.stories.tsx
@@ -102,6 +102,10 @@ const viewKinds = [
             '@id': 'mktp:_97hFH67',
             '@type': 'aldkg:SplitPaneLayout',
             options: {
+              style: {
+                width: '100%',
+                height: '100%',
+              },
               defaultSize: {
                 'mktp:MarketplacesTabs': '17%',
                 'mktp:CategoryCardsTable': '43',
@@ -599,13 +603,13 @@ const Template: Story = (args: any) => {
   // eslint-disable-next-line @typescript-eslint/no-var-requires
   connectReduxDevtools(require('remotedev'), rootStore);
   return (
-    <Provider store={store}>
-      <MstContextProvider store={rootStore} renderers={antdRenderers} cells={antdCells}>
-        <div style={{ height: '1080px' }}>
+    <div style={{ height: 'calc(100vh - 32px)' }}>
+      <Provider store={store}>
+        <MstContextProvider store={rootStore} renderers={antdRenderers} cells={antdCells}>
           <Form viewDescrId={viewDescrs[0]['@id']} viewDescrCollId={viewDescrCollConstr['@id']} />
-        </div>
-      </MstContextProvider>
-    </Provider>
+        </MstContextProvider>
+      </Provider>
+    </div>
   );
 };
 

diff --git a/stories/TwoTablesBig.stories.tsx b/stories/TwoTablesBig.stories.tsx
@@ -102,6 +102,10 @@ const viewKinds = [
             '@id': 'mktp:_97hFH67',
             '@type': 'aldkg:SplitPaneLayout',
             options: {
+              style: {
+                width: '100%',
+                height: '100%',
+              },
               defaultSize: {
                 'mktp:MarketplacesTabs': '17%',
                 'mktp:CategoryCardsTable': '43',
@@ -602,13 +606,13 @@ const Template: Story = (args: any) => {
   // eslint-disable-next-line @typescript-eslint/no-var-requires
   connectReduxDevtools(require('remotedev'), rootStore);
   return (
-    <Provider store={store}>
-      <MstContextProvider store={rootStore} renderers={antdRenderers} cells={antdCells}>
-        <div style={{ height: '1080px' }}>
+    <div style={{ height: 'calc(100vh - 32px)' }}>
+      <Provider store={store}>
+        <MstContextProvider store={rootStore} renderers={antdRenderers} cells={antdCells}>
           <Form viewDescrId={viewDescrs[0]['@id']} viewDescrCollId={viewDescrCollConstr['@id']} />
-        </div>
-      </MstContextProvider>
-    </Provider>
+        </MstContextProvider>
+      </Provider>
+    </div>
   );
 };