Add max-width and text-overflow: ellipsis to Echo alert with modern user links

Bug: T287996 Change-Id: Ifcce663e86b5cf9162fa7ed20568ec83045ba998
2021-08-06 10:57:05 -05:00 · 2021-08-06 10:57:05 -05:00 · ade631ad40
parent 7aeda662a5
commit ade631ad40
1 changed files with 4 additions and 0 deletions
--- a/skinStyles/ext.echo.styles.alert.less
+++ b/skinStyles/ext.echo.styles.alert.less
@ -6,6 +6,10 @@
 		.mw-echo-alert {
 			padding: 0.2em 0.5em;
 			white-space: nowrap;
+			// Prevent alert message from pushing user links off screen
+			max-width: 270px;
+			overflow: hidden;
+			text-overflow: ellipsis;

 			.mw-ui-icon.mw-ui-icon-before:before {
 				display: none;