Social: Fix share status tooltip text overflow (#39599)

Automattic · Oct 4, 2024 · b68a7f4 · b68a7f4
1 parent decd2c8
commit b68a7f4
Show file tree

Hide file tree

Showing 5 changed files with 19 additions and 1 deletion.
diff --git a/.../js-packages/publicize-components/changelog/fix-social-share-status-tooltip-text-overflow b/.../js-packages/publicize-components/changelog/fix-social-share-status-tooltip-text-overflow
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fixed
+
+Social: Fixed share status tooltip text overflow
diff --git a/projects/js-packages/publicize-components/src/components/share-status/share-status-label.tsx b/projects/js-packages/publicize-components/src/components/share-status/share-status-label.tsx
@@ -26,7 +26,9 @@ export function ShareStatusLabel( { status, message } ) {
 			title={ __( 'Sharing failed with the following message:', 'jetpack' ) }
 			className={ styles[ 'share-status-icon-tooltip' ] }
 		>
-			<Text variant="body-small">{ message }</Text>
+			<Text variant="body-small" className={ styles[ 'tooltip-text' ] }>
+				{ message }
+			</Text>
 		</IconTooltip>
 	);
 

diff --git a/projects/js-packages/publicize-components/src/components/share-status/styles.module.scss b/projects/js-packages/publicize-components/src/components/share-status/styles.module.scss
@@ -56,6 +56,10 @@
 	}
 }
 
+.tooltip-text {
+	word-break: break-word;
+}
+
 .share-status-icon {
 	fill: var(--jp-green-50);
 }

diff --git a/projects/plugins/jetpack/changelog/fix-social-share-status-tooltip-text-overflow b/projects/plugins/jetpack/changelog/fix-social-share-status-tooltip-text-overflow
@@ -0,0 +1,4 @@
+Significance: patch
+Type: bugfix
+
+Social: Fixed share status tooltip text overflow
diff --git a/projects/plugins/social/changelog/fix-social-share-status-tooltip-text-overflow b/projects/plugins/social/changelog/fix-social-share-status-tooltip-text-overflow
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fixed
+
+Social: Fixed share status tooltip text overflow