MediaWiki 1.33 upgrade/CSS changes

Here are CSS changes that are likely needed with the MediaWiki 1.33 upgrade.

Preferences
Example Drop-down menus on dark-themed Wiki Preference pages loads with a white flash. Element  has a white background. → Ticket was sent!

TOC collapse/show link
The "link" to show/collapse the TOC on a page is no longer actually an &lt;a&gt; element. As such, it will need to be specifically styled to match the link color/style as desired.

TablePager class
The  class (previously used on pages such as Special:AllMessages and Special:AbuseFilter/history) does not exist anymore. As such, previous selectors that were dependent on that class might not be working anymore, notably the hover color. This was replaced some time ago by  but continued to work until the most recent version of MediaWiki.

The selectors for the pagination for these multi-page tables has also changed. The new selectors for the graphical navigation arrows are:



they all use a background-image whose color can be changed by looking for the following string:  and changing the final 3 characters.

Recent Changes
Light-themed Wikis: This could need a tweak of the background colour on light-themed Wikis with a coloured content background. Standard is #f8f9fa, which is okay when content area is actually white or light grey.
 * Bad example
 * Okay Example

Suggestion to either make it transparent or to change it to. Font color should be considered.

Border colour probably also should be altered. Standard is  - which is a light grey - okay with the white content background.

Dark-themed Wikis standard:

Standard on dark-themed Wikis is just transparent and probably can stay on most Wikis.

Buttons
(Live updates, Saved Filters, 500 Changes) Can be necessary to tweak it with the chosen Wiki colors.

Light-themed Wiki standard (no background-color):

If you add a background color here, this also will affect some button elements inside the Pop-up element. This also has standard background-color, it can be necessary to adjust it, depending on the Wiki's colors.

Light-themed Wiki hover element standard:

Light-themed Wiki active element standard:

Role-Buttons
Element should be styled especially on dark wikis - text of the role-buttons (see Special:ActiveUsers, when you choose a role from the drop-down menu) is not readable, because of the  background and white font! This might be related to the issue named under "Preferences" on this page. Also white bg on dark wikis:


 * Example

"Save button" "Save draft button"
You can find this in the preferences panel at the bottom. The standard background color, when the button is not active is. Font colour is, which makes it a little hard to read.

And for some more styling: The active button standard background color, when something was changed in the preferences is. Might need a color adjustment.

Same element with a hover effect. Standard:

Checkbox
You also can find this on the preferences panel - editing, misc, etc. or if you edit this page, right below the summary. Standard also is, a blue, which might fit or not fit to your chosen Wiki colors.

MediaWiki 1.33 güncellemesi/CSS değişiklikleri