This script/stylesheet is for PERSONAL use only!
You are free to install this script/stylesheet for yourself, but it is not allowed to be used wiki-wide (e.g., in MediaWiki:ImportJS, MediaWiki:Common.js, MediaWiki:Common.css, MediaWiki:Fandomdesktop.js, MediaWiki:Fandomdesktop.css, or MediaWiki:FandomMobile.css), as it would violate Fandom's Terms of Use.
(See the customization policy)
BetterTopNav - скрипт, который улучшает верхнее навигационное меню. Улучшения:
- Длинные результаты поиска больше не отображаются в овалах
- Выпадающее меню с инструментами и иконки рядом с ним теперь можно настраивать
- Выпадающее меню профиля пользователя может быть превращено в маленькое всплывающее окно, появляющееся при наведении. Порядок ссылок поменялся для лучшего пользовательского опыта, а к уже имеющимся ссылкам можно добавлять свои.
- Результаты поиска, являющиеся перенаправлениями, помечаются соответствующим образом.
- Можно настроить количество выводимых результатов поиска и поведение пользовательским пространств имён при поиске.
- Можно настроить изменение длины строки поиска. Причём длина строки в глобальном меню и строки в липком меню размеры указываются отдельно. Если строка поиска свёрнута в кнопку, то при нажатии на неё откроется плавающая строка поиска.
Installation
Конфигурация
Данная конфигурация является необязательной, количество настраиваемых опций не ограничено.
// Создание конфигурации
(window.dev = window.dev || {}).betterTopNav = {
// "true" will default to 25 results, any integer can be used, but no more than 50 is recommended due to latency concerns
results: true,
// allows the search bar to be horizontally resized
resize: true,
// set the user menu to an on-hover popup
hovermenu: true,
// customize the tools dropdown and icons, "true" will keep the items in the default dropdown but will add the theme toggle as an icon too.
/// alternatively an array like the following can be used to fully customize the elements in the dropdown as desired.
/// the "link" and "text" properties are required. the "icon" property will show the element as an icon next to the dropdown.
/// the used array will be logged in the browser console for ease of reference and customization
tools: [
{
'link': '/wiki/Special:RecentChanges',
'text': 'Recent Changes',
'icon': '<svg class=\"wds-icon wds-icon-small\"><use xlink:href=\"#wds-icons-activity-small\"></use></svg>'
},
{
// Theme switch requires 'track' and 'class' for the default functionality to activate
'track': 'theme-switch-'+{dark:'light', light:'dark'}[mw.user.options.values.theme],
'class': 'wiki-tools__theme-switch',
'link': '#',
'text': {dark:'Light', light:'Dark'}[mw.user.options.values.theme]+' Theme',
'icon': '<svg class=\"wds-icon wds-icon-small\"><use xlink:href=\"#wds-icons-'+{dark:'sun', light:'moon'}[mw.user.options.values.theme]+'-small\"></use></svg>'
},
{
'link': '/wiki/Special:Upload',
'text': 'Upload New File'
},
{
'link': '/wiki/Special:SpecialPages',
'text': 'Special Pages'
}
]
};