User:GhostInTheMachine/WatchlistTidy

GhostInTheMachineTalkAllHelpMiscModulesOtherLayoutPhotosProjectsScriptsTidyingTidyingSDTODOUBXWIP2022-10-09 21:12:48

Purpose edit

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

Display the alert edit

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 edit

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 edit

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 edit

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

Installing edit

Add the following line to your common.js file.

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

Possible improvements edit

  • Ensure that the filter display block is hidden by default.

See also edit