mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/Echo
synced 2024-11-12 09:26:05 +00:00
545d4e67ae
Add a global-wiki 'mark all as read' to the Special:Notifications page. The 'mark all as read' will makr all notifications in the given wiki. The context of the wiki changes when filters are chosen, and so the message of the button changes as well. Bug: T115528 Change-Id: Ibd9dcdf7072d6cbc1a268c18e558e6d0df28f929
159 lines
2.6 KiB
Plaintext
159 lines
2.6 KiB
Plaintext
/* Echo specific CSS */
|
|
@import '../echo.variables';
|
|
|
|
.client-js .mw-echo-special-nojs {
|
|
min-height: 5em;
|
|
/* @embed */
|
|
background-image: url(../../images/pending.gif);
|
|
|
|
.mw-echo-special-container {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.client-js #mw-indicator-mw-helplink {
|
|
display: none;
|
|
}
|
|
|
|
/* Custom header styling for Vector and Monobook skins */
|
|
.mw-special-Notifications.skin-vector #firstHeading,
|
|
.mw-special-Notifications.skin-monobook #firstHeading {
|
|
max-width: 600px;
|
|
}
|
|
|
|
.mw-echo-special-markAllReadButton {
|
|
float: right;
|
|
}
|
|
|
|
/* Special styles to use if we're converting subtitle links into header icons */
|
|
#firstHeading {
|
|
.mw-echo-special-header-link {
|
|
display: block;
|
|
height: 19px;
|
|
width: 19px;
|
|
}
|
|
|
|
#mw-echo-pref-link {
|
|
float: right;
|
|
margin: 5px 3px;
|
|
/* @embed */
|
|
background-image: url(../icons/Preferences.png);
|
|
background-repeat: no-repeat;
|
|
background-position: 0 0;
|
|
filter: alpha(opacity=50);
|
|
opacity: 0.5;
|
|
|
|
&:hover {
|
|
filter: alpha(opacity=100);
|
|
opacity: 1.0;
|
|
}
|
|
}
|
|
}
|
|
|
|
.mw-echo-date-section {
|
|
border-bottom: 1px solid #C9C9C9;
|
|
margin: 20px 0 5px 0;
|
|
color: #686868;
|
|
display: inline-block;
|
|
width: 100%;
|
|
padding-bottom: 0.5em;
|
|
}
|
|
|
|
.mw-echo-date-section-text {
|
|
text-transform: uppercase;
|
|
font-size: 1.1em;
|
|
font-weight: 800;
|
|
display: inline-block;
|
|
}
|
|
|
|
ul.mw-echo-special-notifications {
|
|
max-width: 600px;
|
|
|
|
div.mw-htmlform-submit-buttons {
|
|
margin: 0;
|
|
}
|
|
list-style: none none;
|
|
padding: 0;
|
|
margin: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.mw-echo-special-navbar-top {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.mw-echo-special-navbar-bottom {
|
|
margin-top: 20px;
|
|
padding-top: 10px;
|
|
border-top: solid 1px #C9C9C9;
|
|
}
|
|
|
|
.mw-echo-notification {
|
|
padding: 30px 40px 15px 10px;
|
|
|
|
.mw-echo-markAsReadButton {
|
|
display: none;
|
|
|
|
button {
|
|
padding: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
.mw-echo-markAsReadSectionButton {
|
|
float: right;
|
|
display: inline-block;
|
|
|
|
button.oo-ui-buttonElement-button {
|
|
padding: 2px 12px 2px 12px;
|
|
}
|
|
|
|
// HACK: temporary workaround for T136024
|
|
line-height: normal;
|
|
|
|
.oo-ui-buttonElement-button {
|
|
.oo-ui-labelElement-label {
|
|
font-weight: normal;
|
|
}
|
|
}
|
|
}
|
|
|
|
.mw-echo-special-notifications {
|
|
overflow-y: auto;
|
|
|
|
.mw-echo-notification {
|
|
background-color: #F1F1F1;
|
|
|
|
&:hover {
|
|
/* Fallback for IE<=8 */
|
|
background-color: #F6F6F6;
|
|
background-color: rgba(0, 0, 0, 0.035);
|
|
}
|
|
|
|
&-unread {
|
|
color: #252525;
|
|
background-color: transparent;
|
|
padding-right: 0;
|
|
|
|
.mw-echo-title {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.mw-echo-markAsReadButton {
|
|
float: right;
|
|
display: inline-block;
|
|
margin: 0;
|
|
|
|
opacity: 0.5;
|
|
&:hover {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
div.mw-htmlform-ooui-wrapper {
|
|
margin: 0;
|
|
}
|