Fixes for preview

digitalfabrik · Feb 20, 2025 · c175858 · c175858
1 parent fcad316
commit c175858
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 6 deletions.
diff --git a/integreat_cms/cms/templates/pages/_page_preview_overlay.html b/integreat_cms/cms/templates/pages/_page_preview_overlay.html
@@ -15,7 +15,7 @@
                 <div id="preview-content-block-first"
                      class="border-l-2 border-orange-400 pl-2">
                 </div>
-                <div id="preview-content-block" class="my-2">
+                <div id="preview-content-block" class="my-2 max-w-[680px]">
                 </div>
                 <div id="preview-content-block-last"
                      class="border-l-2 border-orange-400 pl-2">

diff --git a/integreat_cms/static/src/css/page_preview.css b/integreat_cms/static/src/css/page_preview.css
@@ -1,14 +1,35 @@
 .page-preview {
     ul {
         list-style: disc;
-        margin: 10px 0 10px 0;
+        margin: 10px 0;
+        padding-left: 50px;
+    }
+
+    ol {
+        list-style: decimal;
+        margin: 10px 0;
         padding-left: 50px;
     }
 
-    h1,
-    h2,
-    h3,
-    h4 {
+    h1 {
+        font-size: 2em;
+        font-weight: bold;
+        margin: 10px 0 10px 0;
+    }
+    h2 {
+        font-size: 1.5em;
+        line-height: 1.4;
+        font-weight: bold;
+        margin: 10px 0 10px 0;
+    }
+    h3 {
+        font-size: 1.17em;
+        font-weight: bold;
+        margin: 10px 0 10px 0;
+    }
+    h4,
+    h5,
+    h6 {
         font-weight: bold;
         margin: 10px 0 10px 0;
     }