From: Alexander Ebert <ebert@woltlab.com>
Date: Sun, 15 May 2022 09:17:08 +0000 (+0200)
Subject: Do not wrap code boxes on mobile
X-Git-Tag: 5.5.0_Beta_3~31
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=e8505cef75aa9ab7e05974af8022bc66f639ea1d;p=GitHub%2FWoltLab%2FWCF.git

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 0b632efc39..4cee52faaa 100644
--- 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 {