PLT-2619/PLT-2661 Removed line numbers from markdown code blocks (#2795)

* Changed .editorconfig to indent CSS files using spaces

* Removed line numbers from markdown code blocks and made them wrap when no language is specified

1 files changed, 8 insertions, 9 deletions

diff --git a/webapp/sass/layout/_markdown.scss b/webapp/sass/layout/_markdown.scss
index b9acd8b5b..cd5831653 100644
--- a/webapp/sass/layout/_markdown.scss
+++ b/webapp/sass/layout/_markdown.scss
@@ -21,7 +21,7 @@
     }
 }
 
-.post-body--code {
+.post-code {
     overflow-x: auto;
     overflow-y: hidden;
     position: relative;
@@ -32,7 +32,6 @@
         margin: 0;
         padding: 0px;
         text-align: left;
-        white-space: nowrap;
     }
 
     code {
@@ -45,12 +44,16 @@
         vertical-align: top;
     }
 
-    &:hover .post-body--code__language {
+    &:hover .post-code__language {
         @include opacity(1);
     }
+
+    &--wrap code {
+        white-space: pre-wrap;
+    }
 }
 
-.post-body--code__language {
+.post-code__language {
     @include opacity(0);
     @include translate3d(0, 0, 0);
     background: #21586d;
@@ -67,7 +70,7 @@
     z-index: 5;
 }
 
-.post-body--code__lineno {
+.post-code__lineno {
     border-right: 1px solid #aaa;
     color: #aaa;
     margin-right: .5em;
@@ -89,10 +92,6 @@
         padding: 0;
     }
 
-    code {
-        white-space: pre;
-    }
-
     .codespan__pre-wrap {
         code {
             white-space: pre-wrap;