mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/Echo
synced 2024-11-14 19:28:31 +00:00
c649c29e7d
Allow for the widget to have a mark-as-read button to its individual groups, as well as change the event listening from 'remove' to 'discard' The problem with 'remove' event is that it is triggered when an item is either intentionally removed from the list *and* when an item is changing its position in the list (move event includes 'remove' and then 'add' event) If we listen to 'remove' events we will get both cases, which is unhelpful. Instead, a new event - 'discard' - was introduced so we are certain it is used with the clear intention of removing the item completely. Change-Id: Ia08720bf4c547fa41edf62331eeb1a45ff4965b7
57 lines
809 B
Plaintext
57 lines
809 B
Plaintext
@import '../echo.variables';
|
|
|
|
.mw-echo-ui-subGroupListWidget {
|
|
|
|
&:not(:first-child) {
|
|
padding-top: @bundle-group-padding;
|
|
}
|
|
|
|
&-header {
|
|
display: table;
|
|
width: 100%;
|
|
|
|
&-row {
|
|
display: table-row;
|
|
|
|
&-title {
|
|
display: table-cell;
|
|
width: 100%;
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
&-markAllReadButton {
|
|
display: table-cell;
|
|
text-align: right;
|
|
padding-bottom: 0.5em;
|
|
}
|
|
}
|
|
}
|
|
|
|
.mw-echo-ui-sortedListWidget {
|
|
margin-bottom: @bundle-group-padding / 2;
|
|
}
|
|
|
|
.mw-echo-ui-notificationItemWidget {
|
|
padding: 0.5em;
|
|
border: 1px solid #DDDDDD;
|
|
box-sizing: border-box;
|
|
|
|
&:not(:last-child) {
|
|
border-bottom: 0;
|
|
}
|
|
|
|
&-icon img {
|
|
height: 1.5em;
|
|
width: 1.5em;
|
|
}
|
|
|
|
&-content {
|
|
padding-left: 0.5em + 1.5em;
|
|
}
|
|
|
|
&-markAsReadButton {
|
|
padding-top: 0;
|
|
}
|
|
}
|
|
}
|