fix(styling): update styling for messages

graasp · Jul 1, 2022 · 4eb96a2 · 4eb96a2
1 parent 92be004
commit 4eb96a2
Show file tree

Hide file tree

Showing 3 changed files with 1,637 additions and 1,151 deletions.
diff --git a/package.json b/package.json
@@ -50,7 +50,7 @@
   },
   "dependencies": {
     "@graasp/translations": "github:graasp/graasp-translations.git",
-    "@graasp/ui": "github:graasp/graasp-ui",
+    "@graasp/ui": "github:graasp/graasp-ui#134/optionalDep",
     "clsx": "1.1.1",
     "i18next": "21.6.11",
     "immutable": "4.0.0",
@@ -59,6 +59,7 @@
     "react-csv": "2.2.2",
     "react-i18next": "11.15.3",
     "react-markdown": "8.0.3",
+    "react-router-dom": "6.3.0",
     "remark-breaks": "3.0.2",
     "remark-gfm": "3.0.1"
   },

diff --git a/src/components/MessageBody.tsx b/src/components/MessageBody.tsx
@@ -16,7 +16,7 @@ const useStyles = makeStyles((theme) => ({
       lineHeight: '1.5',
       fontSize: '1rem',
     },
-    '& ul': {
+    '& ul, ol': {
       // define offset for list
       paddingInlineStart: theme.spacing(2),
     },
@@ -46,6 +46,9 @@ const useStyles = makeStyles((theme) => ({
     '& tr:nth-child(even)': {
       backgroundColor: 'lightgray',
     },
+    '& img': {
+      maxWidth: '100%',
+    },
   },
 }));