Merge pull request #40 from ML-Leonardo/fix/mark_issues

Fixed the styles for the markdown to look correct

Author: JWandrocke

.pipeline/config.yml

@@ -2,8 +2,8 @@ general:
   gitSshKeyCredentialsId: 'SSH_github'
   scanType: 'npm'
   verbose: true
-  whitesourceProductName: 'SHC - SAP RECAST CONVERSAT OD 2.0 2003'
-  whitesourceProductToken: 'b9184a8d37084f1abad85e24a79625be5d7d949570dd455183c4a918cc05389a'
+  whitesourceProductName: 'SHC - SAP RECAST CONVERSAT OD 2.0 2004'
+  whitesourceProductToken: '043c41d2d5fd4d0893728da2fd1966a7f6ff713596d04222b1f2345dc3f76ffe'
   whitesourceUserTokenCredentialsId: 'Whitesource_UserKey'
 steps:
   setVersion:

src/components/Message/Text.js

@@ -10,9 +10,11 @@ import './style.scss'
 const allowedMarkdownTypes = [
   'paragraph',
   'text',
+  'break',
   'emphasis',
   'strong',
   'link',
+  'image',
   'blockquote',
   'delete',
   'list',

src/components/Message/style.scss

@@ -82,6 +82,52 @@
 
 
     // Markdown
+    :first-child {
+      margin-block-start: 0px;
+      margin-top: 0px;   
+    }
+  
+    :last-child {
+      margin-block-end: 0px;
+      margin-bottom: 0px;    
+    }
+
+    li p {
+      margin-block-end: 0px;
+      margin-bottom: 0px;   
+    }
+
+    p {
+      display: block;
+      margin-block-start: 1em;
+      margin-block-end: 1em;
+      margin-inline-start: 0px;
+      margin-inline-end: 0px;
+    }
+  
+    pre {
+      display: block;
+      white-space: pre;
+      margin: 1em 0;
+    }
+    
+    pre code {
+      display: block;
+      padding: 0.5rem;
+      overflow-x: auto;
+      background-color: #ddd;
+    }
+  
+    blockquote {
+      display: block;
+      margin-block-start: 1em;
+      margin-block-end: 1em;
+      margin-inline-start: 0;
+      margin-inline-end: 0;
+      padding: 0.1em 1.33em;
+      border-left: .25em solid gray;
+    }
+  
     ul, ol {
       list-style: disc;
     }
@@ -94,16 +140,43 @@
       font-family: '72-Bold','Roboto', Helvetica, sans-serif;
     }
 
-    em,i {
+    cite, em, i {
       font-family: '72-Italic','Roboto', Helvetica, sans-serif;
     }
 
+    code {
+      font-family: Menlo, monospace, '72', '72full', 'Roboto', Helvetica, sans-serif;
+      font-size: 0.83em;
+    }
+  
     strong em,
     b em,
     strong i,
     b i {
       font-family: '72-BoldItalic','Roboto', Helvetica, sans-serif;
     }
+    table {
+      width: 100%;
+      border-spacing: 0;
+    }
+  
+    th {
+      border-width: 1px;
+      border-top-style: solid;
+      border-bottom-style: solid;
+      border-left-style: solid;
+      padding: 0.5rem 0.25rem;
+    }
+    td {
+      border-bottom-style: solid;
+      border-left-style: solid;
+      border-width: 1px;
+      padding: 0.5rem;
+    }
+    th:last-child, td:last-child {
+      border-right-style: solid;     
+    }
+  
   }
 
   /*

src/containers/App/style.scss

@@ -13,7 +13,7 @@
   padding: 0;
   border: none;
   outline: none;
-  font-family: 'Roboto', Helvetica, sans-serif;
+  font-family: '72', '72full', 'Roboto', Helvetica, sans-serif;
 }
 
 .RecastApp a, .CaiApp a {

whitesource.config.json

@@ -1,7 +1,7 @@
 {
   "devDep": "true",
   "checkPolicies": true,
-  "productVer": "1.4.21",
+  "productVer": "1.4.22",
   "forceUpdate": true,
   "failOnError": true
 }