"rcfilters-restore-default-filters": "Restore default filters",
"rcfilters-clear-all-filters": "Clear all filters",
"rcfilters-show-new-changes": "View newest changes",
- "rcfilters-previous-changes-label": "Previously viewed changes",
"rcfilters-search-placeholder": "Filter recent changes (browse or start typing)",
"rcfilters-invalid-filter": "Invalid filter",
"rcfilters-empty-filter": "No active filters. All contributions are shown.",
"rcfilters-restore-default-filters": "Label for the button that resets filters to defaults",
"rcfilters-clear-all-filters": "Title for the button that clears all filters",
"rcfilters-show-new-changes": "Label for the button to show new changes.",
- "rcfilters-previous-changes-label": "Label to indicate the changes below have been previously viewed.",
"rcfilters-search-placeholder": "Placeholder for the filter search input.",
"rcfilters-invalid-filter": "A label for an invalid filter.",
"rcfilters-empty-filter": "Placeholder for the filter list when no filters were chosen.",
'rcfilters-restore-default-filters',
'rcfilters-clear-all-filters',
'rcfilters-show-new-changes',
- 'rcfilters-previous-changes-label',
'rcfilters-search-placeholder',
'rcfilters-invalid-filter',
'rcfilters-empty-filter',
@import 'mw.rcfilters.mixins';
+@keyframes fadeBlue {
+ 60% {
+ border-top-color: #36c;
+ }
+ 100% {
+ border-top-color: #c8ccd1;
+ }
+}
+
.mw-rcfilters-ui-changesListWrapperWidget {
&-newChanges {
&-previousChangesIndicator {
margin: 10px 0;
- color: #36c;
- border-top: 2px solid #36c;
- text-align: center;
-
- &:hover {
- color: #72777d;
- border-top-color: #72777d;
- cursor: pointer;
- }
+ border-top: 2px solid #c8ccd1;
+ animation: 1s ease fadeBlue;
}
&-results {
* @param {string} from Anything newer than this is considered 'new'
*/
mw.rcfilters.ui.ChangesListWrapperWidget.prototype.emphasizeNewChanges = function ( from ) {
- var $lastSeen,
+ var $firstNew,
$indicator,
$newChanges = $( [] ),
selector = this.inEnhancedMode() ?
if ( ts >= from ) {
$newChanges = $newChanges.add( $this );
- $lastSeen = $this;
+ $firstNew = $this;
// guards against putting the marker after the last element
if ( index === ( length - 1 ) ) {
- $lastSeen = null;
+ $firstNew = null;
}
}
} );
- if ( $lastSeen ) {
+ if ( $firstNew ) {
$indicator = $( '<div>' )
- .addClass( 'mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator' )
- .text( mw.message( 'rcfilters-previous-changes-label' ).text() );
+ .addClass( 'mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator' );
- $indicator.on( 'click', function () {
- $indicator.detach();
- } );
-
- $lastSeen.after( $indicator );
+ $firstNew.after( $indicator );
}
$newChanges