User:GhostInTheMachine/WatchlistTidy

User script
WatchlistTidy
Description	Fix errors in Watchlist layout
Author(s)	GhostInTheMachine
Status	Stable
Updated	See history
Source	User:GhostInTheMachine/WatchlistTidy.js

GhostInTheMachine • Talk • All • Help • Misc • Modules • Other • Layout • Photos • Projects • Scripts • Tidying • TidyingSD • TODO • UBX • WIP • 2024-08-11 12:50:34

Purpose

This script makes changes to the layout of the watchlist page to fix specific design errors.

Display the alert

The watchlist displays a "View new changes since ..." prompt when new changes have been detected by the background Ajax thread.

This prompt is positioned with the area that is collapsed by the Hide button of the Active Filters panel, which means that the prompt not displayed when the Active Filters panel is collapsed.

The script moves the prompt block from the bottom of the filter block to the top of the filter area. i.e. Above the Hide / Show toggle, which means that the timestamp will still be visible on the display when the filter block is hidden.

Posted as T315870

Fix jumping Show/Hide toggle

The Active Filters panel is displayed on the left so that the Show/Hide button is on the left when the panel is collapsed and jumps to the right when the panel is displayed.

The script defaults the panel to display on the right, which means that the Show/Hide button acts correctly as a toggle and does not jump about when clicked.

Posted as T315858

Use

The script just moves one of the existing page components.

Just to prove that it has loaded correctly, the script also changes the background colour of part of the filter section.

Prerequisites

The script probably only works on Vector. I have not tried it on other skins or on Evil Vector.

Installing

Add the following line to your common.js file.

{{subst:Lusc|User:GhostInTheMachine/WatchlistTidy.js}}

Possible improvements

Ensure that the filter display block is hidden by default.