MOBILE-2338 rte: Add list styles

src/addon/mod/data/pages/edit/edit.ts

@@ -154,6 +154,7 @@ export class AddonModDataEditPage {
 
             return this.dataProvider.getFields(this.data.id);
         }).then((fieldsData) => {
+            this.fieldsArray = fieldsData;
             this.fields = this.utils.arrayToObject(fieldsData, 'id');
 
             return this.dataHelper.getEntry(this.data, this.entryId, this.offlineActions);

src/app/app.scss

@@ -300,14 +300,25 @@ core-format-text, *[core-format-text] {
   }
 
   // Fix lists styles in core-format-text.
-  ul, ol {
-    -webkit-padding-start: 40px;
-  }
   ul {
-    list-style: disc;
+    list-style-type: disc;
   }
   ol {
-    list-style: decimal;
+    list-style-type: decimal;
+  }
+  ul, ol {
+    -webkit-padding-start: 15px;
+    list-style-position: inside;
+    ul {
+      list-style-type: circle;
+    }
+    ol {
+      list-style-type: lower-latin;
+    }
+    ul, ol {
+      list-style-position: inside;
+      margin-left: 15px;
+    }
   }
 
   .badge {

src/components/rich-text-editor/rich-text-editor.scss

@@ -38,6 +38,28 @@ core-rich-text-editor {
             color: $gray-light;
             font-weight: bold;
         }
+
+        ul {
+            list-style-type: disc;
+        }
+        ol {
+            list-style-type: decimal;
+        }
+        ul, ol {
+            -webkit-padding-start: 15px;
+            list-style-position: inside;
+
+            ul {
+                list-style-type: circle;
+            }
+            ol {
+                list-style-type: lower-latin;
+            }
+            ul, ol {
+                list-style-position: inside;
+                margin-left: 15px;
+            }
+        }
     }
 
     .core-textarea textarea {