Do not wrap code boxes on mobile

Having long lines wrap multiple times is horrible, overflow scrolling is much better and also quite natural on touch devices.

diff --git a/wcfsetup/install/files/style/bbcode/code.scss b/wcfsetup/install/files/style/bbcode/code.scss
index 0b632efc39e0f9b526dfa8159daa09cab5095a3d..4cee52faaa202d539c46b408ab2553872aca5c60 100644 (file)
--- a/wcfsetup/install/files/style/bbcode/code.scss
+++ b/wcfsetup/install/files/style/bbcode/code.scss
@@ -147,13 +147,17 @@
                                }
 
                                > span {
-                                       white-space: pre-wrap;
-                                       word-break: break-all;
+                                       white-space: pre;
 
                                        /* Prevent empty lines from collapsing. */
                                        &:empty {
                                                display: inline-block;
                                        }
+
+                                       @include screen-md-up {
+                                               white-space: pre-wrap;
+                                               word-break: break-all;
+                                       }
                                }
 
                                &:target {