golem
/
VectorGOLEM
9
0
Fork 0
Code Issues 1 Pull Requests Releases Wiki Activity

Update styles for talk message at lower port widths. 

Bug: T284243
Depends-On: Icb349987c5f5939b7f4ffa477ac1ecb35b5425e7
Change-Id: I69bc3a1aea6b5a640b91c67f5beae4c263c8d31a
This commit is contained in:
Clare Ming 2021-07-12 12:23:39 -06:00
parent a377b46fcf
commit c4efbb3d6a
1 changed files with 30 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
skinStyles/ext.echo.styles.alert.less
View File

@ -1,16 +1,37 @@
@import 'mediawiki.ui/variables.less';
@import 'mediawiki.skin.variables.less';
// The "you have new messages" bar should be hidden at lower resolutions (temporary solution until T284243)
.vector-user-links {
#ca-talk-alert {
display: none;
@media ( min-width: @width-breakpoint-tablet ) {
display: inline-block;
}
}
#pt-notifications-alert {
margin-right: 0.75em;
}
.vector-menu-content-list {
.mw-echo-alert {
margin: 0 0 0 0.2em;
padding: 0.2em 0.5em;
white-space: nowrap;
.mw-ui-icon.mw-ui-icon-before:before {
display: none;
}
}
@media ( max-width: @width-breakpoint-desktop ) {
#ca-userpage {
display: none;
}
}
@media ( max-width: @width-breakpoint-desktop-wide ) {
.mw-echo-alert {
font-size: 12px;
position: absolute;
top: calc( 100% + 12px );
right: 0;
margin-left: 0.75em;
padding-top: 0.25em;
}
}
}
}