fix(#1244): Fix styling of the markdowns on the slider cards

IntersectMBO · Jun 18, 2024 · 566b057 · 566b057
1 parent 070154f
commit 566b057
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/govtool/frontend/src/components/molecules/GovernanceActionCard.tsx b/govtool/frontend/src/components/molecules/GovernanceActionCard.tsx
@@ -94,6 +94,7 @@ export const GovernanceActionCard: FC<ActionTypeProps> = ({ ...props }) => {
           textVariant="twoLines"
           dataTestId="governance-action-abstract"
           isSliderCard
+          isMarkdown
         />
         <GovernanceActionCardElement
           label={t("govActions.governanceActionType")}

diff --git a/govtool/frontend/src/components/molecules/GovernanceActionCardElement.tsx b/govtool/frontend/src/components/molecules/GovernanceActionCardElement.tsx
@@ -46,6 +46,8 @@ export const GovernanceActionCardElement = ({
     <Box
       data-testid={dataTestId}
       mb={marginBottom ?? isSliderCard ? "20px" : "32px"}
+      maxHeight={isSliderCard ? "72px" : "none"}
+      overflow={isSliderCard ? "hidden" : "visible"}
     >
       <Box
         sx={{
@@ -108,7 +110,7 @@ export const GovernanceActionCardElement = ({
               display: "flex",
               alignItems: "center",
               overflow: "hidden",
-              flexDirection: "column",
+              flexDirection: isMarkdown ? "column" : "row",
             }}
           >
             {isMarkdown ? (