Merge pull request #757 from dOrgTech/fix-733

fix 733
dOrgTech · Jan 13, 2024 · 7a6c08b · 7a6c08b
2 parents 0938a65 + 61a21a7
commit 7a6c08b
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 6 deletions.
diff --git a/src/modules/explorer/components/ProposalsList.tsx b/src/modules/explorer/components/ProposalsList.tsx
@@ -86,7 +86,7 @@ export const ProposalsList: React.FC<Props> = ({
         {liteProposals && liteProposals.length > 0
           ? liteProposals.map((poll, i) => {
               return (
-                <div key={`poll-${i}`}>
+                <div style={{ width: "inherit" }} key={`poll-${i}`}>
                   <ProposalTableRow poll={poll} />
                   {liteProposals.length - 1 !== i ? <StyledDivider key={`divider-${i}`} /> : null}
                 </div>

diff --git a/src/modules/lite/explorer/components/ProposalList.tsx b/src/modules/lite/explorer/components/ProposalList.tsx
@@ -28,7 +28,8 @@ export const StyledDivider = styled(Divider)({
   height: 0.3,
   backgroundColor: "#7d8c8b",
   marginTop: 0,
-  marginBottom: 0
+  marginBottom: 0,
+  width: "inherit"
 })
 
 const NoProposalsText = styled(Typography)({
@@ -209,10 +210,10 @@ export const ProposalList: React.FC<{ polls: Poll[]; id: string | undefined; dao
       {communityPolls && communityPolls.length > 0 ? (
         communityPolls.map((poll, i) => {
           return (
-            <div key={`poll-${i}`}>
-              <ProposalTableRow poll={poll} daoId={daoId} />
+            <>
+              <ProposalTableRow key={`poll-${i}`} poll={poll} daoId={daoId} />
               {communityPolls.length - 1 !== i ? <StyledDivider key={`divider-${i}`} /> : null}
-            </div>
+            </>
           )
         })
       ) : (

diff --git a/src/modules/lite/explorer/components/ProposalTableRow.tsx b/src/modules/lite/explorer/components/ProposalTableRow.tsx
@@ -76,7 +76,7 @@ export const ProposalTableRow: React.FC<{ poll: Poll; daoId?: string }> = ({ pol
           <ArrowInfo color="textPrimary">{poll.timeFormatted}</ArrowInfo>
         </Grid>
 
-        <Grid>
+        <Grid style={{ width: "inherit", wordBreak: "break-all" }}>
           <DescriptionText color="textPrimary">{ReactHtmlParser(poll.description)}</DescriptionText>
         </Grid>
       </Grid>

diff --git a/src/modules/lite/explorer/components/tables/RowContainer.tsx b/src/modules/lite/explorer/components/tables/RowContainer.tsx
@@ -4,6 +4,7 @@ export const RowContainer = styled(Grid)(({ theme }) => ({
   minHeight: 145,
   padding: "44px 38px",
   cursor: "pointer",
+  width: "inherit",
   [theme.breakpoints.down("md")]: {
     padding: "44px 38px"
   }
-Original file line number
+Diff line change
@@ Expand Up @@
               <ArrowInfo color="textPrimary">{poll.timeFormatted}</ArrowInfo>
             </Grid>
-            <Grid>
+            <Grid style={{ width: "inherit", wordBreak: "break-all" }}>
               <DescriptionText color="textPrimary">{ReactHtmlParser(poll.description)}</DescriptionText>
             </Grid>
           </Grid>
@@ Expand Down @@