User:GhostInTheMachine/WatchlistTidy

From Wikipedia, the free encyclopedia

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]