mediawiki-skins-Vector/skinStyles/ext.echo.styles.alert.less
bwang ade631ad40 Add max-width and text-overflow: ellipsis to Echo alert with modern user links
Bug: T287996
Change-Id: Ifcce663e86b5cf9162fa7ed20568ec83045ba998
2021-08-06 15:59:39 +00:00

29 lines
569 B
Plaintext

@import 'mediawiki.ui/variables.less';
@import 'mediawiki.skin.variables.less';
.vector-user-links {
.vector-menu-content-list {
.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;
}
}
@media ( max-width: @width-breakpoint-desktop-wide ) {
.mw-echo-alert {
font-size: 12px;
position: absolute;
top: 100%;
right: 0;
}
}
}
}