fix styling content for lists

SGS-Optimisation · Aug 24, 2021 · 24dc7e4 · 24dc7e4
1 parent afb4595
commit 24dc7e4
Show file tree

Hide file tree

Showing 6 changed files with 18 additions and 6 deletions.
diff --git a/app/Http/Controllers/PMs/RuleController.php b/app/Http/Controllers/PMs/RuleController.php
@@ -189,7 +189,7 @@ public function edit(Request $request, $client_account_slug, $id)
                 $rule->content,
                 [
                     'p', 'img', 'a', 'span', 'br',
-                    'i', 'strong', 'b', 'u', 's',
+                    'i', 'strong', 'b', 'u', 's', 'em',
                     'ul', 'ol', 'li',
                     'blockquote', 'pre',
                     'h1', 'h2', 'h3', 'h4', 'h5', 'h6',

diff --git a/public/css/app.css b/public/css/app.css
diff --git a/public/js/app.js b/public/js/app.js
diff --git a/public/mix-manifest.json b/public/mix-manifest.json
@@ -1,4 +1,4 @@
 {
-    "/js/app.js": "/js/app.js?id=254e44a63ac97d256696",
-    "/css/app.css": "/css/app.css?id=259b4a0ddd4cd4a9c4d7"
+    "/js/app.js": "/js/app.js?id=96f3dde3ca760a86b5b5",
+    "/css/app.css": "/css/app.css?id=9d27aaab33206688bc2a"
 }
diff --git a/resources/js/Components/PM/Rules/ListView.vue b/resources/js/Components/PM/Rules/ListView.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="bg-white shadow-md my-4 p-3 rounded relative" :data-rule-id="rule.id">
+    <div class="rule bg-white shadow-md my-4 p-3 rounded relative" :data-rule-id="rule.id">
         <div class="ribbon z-0">
             <span class="text-xxs text-white font-semibold text-center"
             :class="{

diff --git a/resources/sass/app.scss b/resources/sass/app.scss
@@ -22,3 +22,15 @@ button:focus {
 .focus\:shadow-outline:focus {
     box-shadow: none;
 }
+
+.rule {
+    ol, ul {
+        list-style: disc;
+        padding-top: 0;
+        padding-inline-start: 40px;
+    }
+
+    ol, .ql-indent-1 {
+        padding-inline-start: 40px;
+    }
+}