Fixing scroll direction for FFStateBox

Signed-off-by: Chengxuan Xing <[email protected]>
hyperledger · Jan 19, 2023 · e50e315 · e50e315
1 parent ba87d69
commit e50e315
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 11 deletions.
diff --git a/ui/src/components/Boxes/ContractStateBox.tsx b/ui/src/components/Boxes/ContractStateBox.tsx
@@ -76,18 +76,14 @@ export const ContractStateBox: React.FC = () => {
               key={api.name}
             >
               {/* API Row */}
-              <Grid item xs={8} container pt={1}>
-                <HashPopover
-                  address={`${SDK_PATHS.contractsApiByName(api.name)}`}
-                  fullLength
-                  paper
-                />
+              <Grid item xs={10} container pt={1}>
+                <HashPopover address={`${api.name}`} fullLength paper />
               </Grid>
               <Grid
                 container
                 justifyContent="flex-end"
                 item
-                xs={4}
+                xs={2}
                 alignItems="center"
               >
                 <DownloadButton filename={api.name} url={api.urls.openapi} />

diff --git a/ui/src/components/Boxes/FFStateBox.tsx b/ui/src/components/Boxes/FFStateBox.tsx
@@ -18,8 +18,6 @@ export const FFStateBox: React.FC<Props> = ({ header, children }) => {
       sx={{
         border: `3px solid ${theme.palette.background.paper}`,
         borderRadius: DEFAULT_BORDER_RADIUS,
-        maxHeight: '250px',
-        overflow: 'auto',
       }}
     >
       {/* Header */}
@@ -28,7 +26,19 @@ export const FFStateBox: React.FC<Props> = ({ header, children }) => {
           {header}
         </Typography>
       </Grid>
-      {children}
+      <Grid
+        container
+        direction="column"
+        width="100%"
+        p={1}
+        sx={{
+          maxHeight: '222px',
+          overflow: 'auto',
+          flexWrap: 'nowrap',
+        }}
+      >
+        {children}
+      </Grid>
     </Grid>
   );
 };
diff --git a/ui/src/translations/en.json b/ui/src/translations/en.json
@@ -7,7 +7,7 @@
   "apiID": "API ID",
   "apiResponse": "API Response",
   "apis": "APIs",
-  "apisKnownToFirefly": "APIs Known to FireFly",
+  "apisKnownToFirefly": "APIs known to current FireFly namespace",
   "appCodeInstructions": "Build an action using the panels on the left. Click \"Run\" to execute the action via the backend server. FireFly events related to the transaction will appear on the right.",
   "applicationCode": "Application Code",
   "approvalID": "Approval ID",