SOV-3550: proposal title formatting (#722)

* fix: proposal title formatting * Create tender-brooms-study.md * fix: proposal word break
DistributedCollective · Dec 20, 2023 · 7ea553d · 7ea553d
1 parent bd336c8
commit 7ea553d
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 4 deletions.
diff --git a/.changeset/tender-brooms-study.md b/.changeset/tender-brooms-study.md
@@ -0,0 +1,5 @@
+---
+"frontend": patch
+---
+
+SOV-3550: proposal title formatting
diff --git a/apps/frontend/src/app/5_pages/ProposalPage/ProposalPage.tsx b/apps/frontend/src/app/5_pages/ProposalPage/ProposalPage.tsx
@@ -74,10 +74,10 @@ const ProposalPage: FC = () => {
       <div className="w-full flex flex-col lg:flex-row lg:gap-5 xl:gap-20 text-left text-gray-10 mt-6 mb-5 sm:mt-16 max-w-7xl">
         <div className="w-full lg:w-2/3 flex flex-col gap-6">
           <div className="lg:px-6 lg:pb-6">
-            <Heading className="text-base sm:text-2xl font-medium break-all">
+            <Heading className="text-base sm:text-2xl font-medium break-words">
               {proposalInfo.title}
             </Heading>
-            <div className="mt-2.5 sm:mt-3 font-medium text-gray-30 break-all">
+            <div className="mt-2.5 sm:mt-3 font-medium text-gray-30 break-words">
               {proposalInfo.summary}
             </div>
             <div className="mt-2.5 sm:mt-6 text-xs font-medium text-gray-30 flex justify-between lg:justify-start">

diff --git a/apps/frontend/src/app/5_pages/ProposalPage/components/ProposalInfo/ProposalInfo.tsx b/apps/frontend/src/app/5_pages/ProposalPage/components/ProposalInfo/ProposalInfo.tsx
@@ -45,9 +45,9 @@ export const ProposalInfo: FC<ProposalInfoProps> = ({ link, description }) => (
       >
         {t(pageTranslations.proposalText)}
       </Paragraph>
-      <div>
+      <div className="overflow-auto">
         <ReactMarkdown
-          className="text-xs text-gray-30 break-words sm:break-normal"
+          className="text-xs text-gray-30 break-words sm:break-words"
           remarkPlugins={[remarkGfm]}
         >
           {description}