Merge "Display notifications in echo callout for mobile view"

resources/extensions/Echo.less

@@ -77,5 +77,30 @@
 				margin-right: 1.25em;
 			}
 		}
+
+		/* Temporary hack:
+		 * Make notifications visible. !important is for overriding echo's inline styles.
+		 * Remove all of this once the underlying OOUI issue is fixed in general for mobile displays.
+		 */
+		.mw-echo-ui-overlay {
+			margin: 0 10px;
+
+			.oo-ui-popupWidget-anchored > .oo-ui-popupWidget-anchor {
+				display: none;
+			}
+			.mw-echo-ui-notificationBadgeButtonPopupWidget-popup {
+				left: 0 !important;
+				width: 100%;
+
+				.oo-ui-popupWidget-popup {
+					width: initial !important;
+					max-width: 500px;
+
+					.oo-ui-clippableElement-clippable {
+						width: 100% !important;
+					}
+				}
+			}
+		}
 	}
 }