User:Bongolium500/Fandom Desktop personal CSS and JS everyone should consider using

Fandom Desktop is very different from the older Oasis skin. Some changes are positive. Others are less desirable. This page collects a number of personal CSS and JS tweaks that every editor (and even reader!) should consider making but that can't be made on a site-wide level.

UCXSearchBar

On Fandom Desktop, search is located on the left-hand global navigation bar and opens in a popup window. This is, quite frankly, very annoying. This script adds a search bar to the local navigation bar at the top of the site, similar (although not identical) to Oasis.

Installation

As the first/only script

If this is the first or only script you're planning to install, follow the instructions bellow:

Copy and paste the following line at the top of Special:MyPage/Fandomdesktop.css:

@import "/load.php?mode=articles&articles=u:dev:MediaWiki:UCXSearchBar.css&only=styles";

Copy and paste the following lines into Special:MyPage/Fandomdesktop.js:

importArticles({
    type: 'script',
    articles: [
        'u:dev:MediaWiki:UCXSearchBar.js',
    ]
});

Alongside other scripts

If you are installing this script alongside other, already installed scripts, follow the instructions bellow:

to be added