feat: support math in MediaCard description

graasp · Feb 24, 2020 · d557400 · d557400
1 parent 10014fd
commit d557400
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/src/components/common/MediaCard.css b/src/components/common/MediaCard.css
@@ -0,0 +1,3 @@
+.MediaCardDescriptionText p {
+  font-size: large;
+}
diff --git a/src/components/common/MediaCard.js b/src/components/common/MediaCard.js
@@ -15,6 +15,8 @@ import DeleteButton from '../space/DeleteButton';
 import ExportButton from '../space/ExportButton';
 import SyncButton from '../space/SyncButton';
 import { MIN_CARD_WIDTH } from '../../config/constants';
+import Text from './Text';
+import './MediaCard.css';
 
 const styles = theme => ({
   card: {
@@ -64,10 +66,7 @@ const MediaCard = props => {
 
       <Collapse disableSpacing in={expanded} timeout="auto" unmountOnExit>
         <CardContent className={classes.cardDescription}>
-          <Typography
-            component="p"
-            dangerouslySetInnerHTML={{ __html: text }}
-          />
+          <Text content={text} className="MediaCardDescriptionText" />
         </CardContent>
       </Collapse>