[BUGFIX] Prevent scrollbar in "Environment Overview" modal

Wrap potentially long version strings to prevent a horizontal scrollbar in the modal content. Introduces CSS class "text-wrap-allowed". Resolves: #88522 Releases: master, 9.5 Change-Id: I848ecc111ec4879caf12b77f5308f5eadd403ffa Reviewed-on: https://review.typo3.org/c/Packages/TYPO3.CMS/+/61167 Tested-by: TYPO3com <noreply@typo3.com> Tested-by: Jonas Eberle <flightvision@googlemail.com> Tested-by: Daniel Goerz <daniel.goerz@posteo.de> Reviewed-by: Daniel Goerz <daniel.goerz@posteo.de>
TYPO3 · Jun 28, 2019 · 6dc4145 · 6dc4145
1 parent 9becb03
commit 6dc4145
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 5 deletions.
diff --git a/Build/Resources/Public/Sass/typo3/_main_type.scss b/Build/Resources/Public/Sass/typo3/_main_type.scss
@@ -13,6 +13,11 @@
     white-space: pre-wrap;
 }
 
+.text-wrap-allowed {
+    word-break: break-all;
+    overflow-wrap: break-word;
+}
+
 //
 // Lead text
 //

diff --git a/typo3/sysext/backend/Resources/Public/Css/backend.css b/typo3/sysext/backend/Resources/Public/Css/backend.css
diff --git a/typo3/sysext/install/Resources/Private/Templates/Environment/SystemInformation.html b/typo3/sysext/install/Resources/Private/Templates/Environment/SystemInformation.html
@@ -7,9 +7,9 @@
 	</tr>
 	<tr>
 		<td>PHP version:</td>
-		<td><strong>
-			<i:constant name="PHP_VERSION"/>
-		</strong></td>
+		<td class="text-wrap-allowed">
+			<strong><i:constant name="PHP_VERSION"/></strong>
+		</td>
 	</tr>
 	<tr>
 		<td>PHP CGI detected:</td>
@@ -40,7 +40,9 @@
 							</li>
 						</f:else>
 					</f:if>
-					<li><strong>Version:</strong> {connection.version}</li>
+					<li class="text-wrap-allowed">
+						<strong>Version:</strong> {connection.version}
+					</li>
 					<li><strong>Tables:</strong> {connection.numberOfTables}</li>
 					<f:if condition="{connection.numberOfMappedTables}">
 						<f:then>