From 0f7c6cd6187b5bb3dd66911adbcd8c16908350b8 Mon Sep 17 00:00:00 2001
From: Joe Dolson <joedolson@git.wordpress.org>
Date: Fri, 8 Apr 2022 20:36:03 +0000
Subject: [PATCH] Posts, Post Types: Make permalink fully visible on mobile.

Set `break-word` on sample permalink so the full permalink will be visible on mobile devices in posts, media, and comments. Prevent hidden text overflow or horizontal scrolling on mobile.

Props sumitsingh, sabernhardt.
Fixes #54811.

git-svn-id: https://develop.svn.wordpress.org/trunk@53114 602fd350-edb4-49c9-b593-d223f7449a82
---
 src/wp-admin/css/edit.css | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/wp-admin/css/edit.css b/src/wp-admin/css/edit.css
index 5394f4205e..1916aaff2a 100644
--- a/src/wp-admin/css/edit.css
+++ b/src/wp-admin/css/edit.css
@@ -97,6 +97,12 @@ input#link_url {
 	color: #646970;
 }
 
+#sample-permalink {
+	display: inline-block;
+	max-width: 100%;
+	word-wrap: break-word;
+}
+
 #edit-slug-box .cancel {
 	margin-right: 10px;
 	padding: 0;