Fix wrongly wrapping code blocks, breaking line numbers (#7507)

matrix-org · Jan 11, 2022 · f887196 · f887196
1 parent 8125793
commit f887196
Showing 1 changed file with 11 additions and 6 deletions.
diff --git a/res/css/views/rooms/_EventTile.scss b/res/css/views/rooms/_EventTile.scss
@@ -483,8 +483,17 @@ $left-gutter: 64px;
         background-color: $codeblock-background-color;
     }
 
-    pre code > * {
-        display: inline;
+    // this selector wrongly applies to code blocks too but we will unset it in the next one
+    code {
+        white-space: pre-wrap; // don't collapse spaces in inline code blocks
+    }
+
+    pre code {
+        white-space: pre; // we want code blocks to be scrollable and not wrap
+
+        > * {
+            display: inline;
+        }
     }
 
     pre {
@@ -498,10 +507,6 @@ $left-gutter: 64px;
             background: transparent;
         }
     }
-
-    code {
-        white-space: pre-wrap; // don't collapse spaces in inline code blocks
-    }
 }
 
 .mx_EventTile_lineNumbers {