Fix image centering and code block width at view.

AlisProject · Mar 3, 2020 · 2d41679 · 2d41679
1 parent 8385aca
commit 2d41679
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/app/assets/stylesheets/ckeditor-view.scss b/app/assets/stylesheets/ckeditor-view.scss
@@ -53,12 +53,17 @@
       font-style: normal;
     }
 
+    pre {
+      max-width: 640px;
+    }
+
     img {
       max-width: 100%;
     }
 
     .image {
       margin: 24px 0;
+      display: block;
 
       > figcaption {
         color: #666;
@@ -239,6 +244,10 @@
         padding: 8px 20px;
       }
 
+      pre {
+        max-width: calc(100vw - 36px - 32px);
+      }
+
       .image {
         margin: 20px 0;