This is a list of changes that will/may need to be made to wikis when transitioning to UCP Phase 1. Document any changes that will need to be made here.
Different/renamed classes[]
The class/id names of the following have been changed or removed:
.thumbimagehas been changed to.thumb, meaning any modifications to thumb will need the class changed..article-tableremains and has new styling entirely from Fandom. Coloration will need overwriting in CSS so wikis can make use of this class.#WikiaArticlehas been changed to#content.- There are a few other changes in the tree of elements that wrap the content, so selectors have to be re-checked. For example, the class
.mw-content-textwas removed, but the id#mw-content-textstill exists on the same element, along with a class about the content language direction. - The dedicated element
#WikiaPageBackgrounddoes not exist anymore. It is possible to apply background properties to elements in the main HTML tree (in particular,#WikiaPageor.WikiaPageContentWrapper), but since all page content elements are their descendants, it limits some options such as applying transparency.
Differences[]
Infoboxes[]
These are mostly the same, though the image tabs, at .pi-image-collection-tabs now has a top and bottom margin, that may need removing depending on the wiki.
Edit buttons[]
The edit buttons have entirely different look with both edit and edit source buttons. These are contained in the .mw-editsection in order to edit it. Any modifications to the previous classes such as .sprite.edit-pencil will not be present, and new modifications will be needed.
Edit windows[]
Because the entire edit window is now in a new modal, any CSS affecting #editarea will need to be removed and rethought entirely, as it can cause the page to break.
Dark theme[]
.oasis-dark-theme does not work on UCP (phase 1). As an alternative, it is recommended to make CSS variables for dark/light theme equivalents, and then just comment/uncomment when switching between them.