Set all overflows to auto

ChildMindInstitute · Feb 22, 2024 · 188cd7e · 188cd7e
1 parent d66b1e2
commit 188cd7e
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 4 deletions.
diff --git a/src/shared/ui/Card/index.tsx b/src/shared/ui/Card/index.tsx
@@ -57,7 +57,7 @@ export const CustomCard = ({ id, title, description, imageSrc, onClick }: CardPr
           gutterBottom
           component="div"
           fontSize="20px"
-          sx={{ "&:hover": { textDecoration: "underline" } }}
+          sx={{ wordBreak: "break-word", "&:hover": { textDecoration: "underline" } }}
           data-testid="custom-card-title">
           {title}
         </Typography>

diff --git a/src/widgets/ActivityDetails/ui/AssessmentLoadingScreen.tsx b/src/widgets/ActivityDetails/ui/AssessmentLoadingScreen.tsx
@@ -41,7 +41,7 @@ export const AssessmentLoadingScreen = () => {
         </Box>
       </Box>
 
-      <Box id="assessment-content-container" display="flex" flex={1} flexDirection="column" overflow="scroll">
+      <Box id="assessment-content-container" display="flex" flex={1} flexDirection="column" overflow="auto">
         <NotificationCenter />
         <Loader />
       </Box>

diff --git a/src/widgets/ActivityDetails/ui/AssessmentPassingScreen.tsx b/src/widgets/ActivityDetails/ui/AssessmentPassingScreen.tsx
@@ -207,7 +207,7 @@ export const AssessmentPassingScreen = (props: Props) => {
           publicKey={context.isPublic ? context.publicAppletKey : null}
         />
 
-        <Box id="assessment-content-container" display="flex" flex={1} flexDirection="column" overflow="scroll">
+        <Box id="assessment-content-container" display="flex" flex={1} flexDirection="column" overflow="auto">
           <NotificationCenter />
           <Box display="flex" flex={1} justifyContent="center">
             <Box maxWidth="900px" display="flex" alignItems="center" flex={1}>

diff --git a/src/widgets/ActivityGroups/ui/ActivityGroupList.tsx b/src/widgets/ActivityGroups/ui/ActivityGroupList.tsx
@@ -71,6 +71,7 @@ export const ActivityGroupList = () => {
             lineHeight: "28px",
             fontStyle: "normal",
             cursor: isAppletAboutExist ? "pointer" : "default",
+            wordBreak: "break-word",
           }}>
           {applet.displayName}
         </Typography>

diff --git a/src/widgets/AppLayout/index.tsx b/src/widgets/AppLayout/index.tsx
@@ -34,7 +34,7 @@ const Layout = ({
         backgroundColor: bgColor,
       }}>
       {header ? header : <Header />}
-      <Box id="app-content-container" display="flex" flex={1} flexDirection="column" overflow="scroll">
+      <Box id="app-content-container" display="flex" flex={1} flexDirection="column" overflow="auto">
         <NotificationCenter />
         {children ? children : <Outlet />}
         {footer ? footer : <Footer />}