User:Canadabonk/common.js: Difference between revisions

Content added Content deleted
No edit summary
No edit summary
Line 1: Line 1:
importScript('User:Canadabonk/sandbox.js');
importScript('User:Canadabonk/sandbox.js');


// sidetools
enableTOC = true;
enableTOC = true;
enableEditButton = true;
enableEditButton = true;
⚫
enableFullwide = true;
⚫
defaultFullwide = false;


// dark mode
enableDarkMode = true;
enableDarkMode = true;
defaultDarkMode = false;
defaultDarkMode = false;


// misc
⚫
enableFullwide = true;
enableBannerNav = true;
⚫
defaultFullwide = false;
enableBackToTop = true;


//-------------------------------------------------
//-------------------------------------------------
Line 148: Line 153:
}
}
});
});
} // end fullwide button
} // end fullwide button ------------------------------------------------------------------------------------------------------
// banner navigation
// banner navigation
if (enableBannerNav) {
$('#p-cosmos-navigation').clone().prependTo('#cosmos-banner-content');
$('#cosmos-banner-content #p-cosmos-navigation').attr('id', 'ct-bannernav');
$('#p-cosmos-navigation').clone().prependTo('#cosmos-banner-content');
const bannerNav = $('#ct-bannernav');
$('#cosmos-banner-content #p-cosmos-navigation').attr('id', 'ct-bannernav');
⚫
const bannerNav = $('#ct-bannernav');
bannerNav.css('transform', 'translateY(-100%)');
bannerNav.css('transform', 'translateY(-100%)');
⚫
$(window).scroll(function(){
if (window.scrollY > 500) {
⚫
bannerNav.css('transform', 'unset');
} else {
⚫
bannerNav.css('transform', 'translateY(-100%)');
⚫
}
⚫
});
}// end banner navigation ------------------------------------------------------------------------------------------------------
// back to top button
// back to top button
if (enableBackToTop) {
$('#mw-content-container').append('<div class="ct-top"><div class="ct-top-arrow"></div></div>');
$('#mw-content-container').append('<div class="ct-top"><div class="ct-top-arrow"></div></div>');
⚫
const backToTop = $('.ct-top');
const backToTop = $('.ct-top');
backToTop.attr('title', 'Back to top');
backToTop.attr('title', 'Back to top');
backToTop.click(function(){
backToTop.click(function(){
window.scrollTo(0,0);
window.scrollTo(0,0);
⚫
});
});
⚫
backToTop.hide().css({
backToTop.hide().css({
⚫
'opacity': '0',
'transform': 'translateY(100%)'
'opacity': '0',
⚫
'transform': 'translateY(100%)'
⚫
});
});
⚫
$(window).scroll(function(){
if (window.scrollY > 500) {
$(window).scroll(function(){
if (window.scrollY > 500) {
⚫
bannerNav.css('transform', 'unset');
backToTop.show().css({
backToTop.show().css({
'opacity': 'unset',
'opacity': 'unset',
'transform': 'unset'
'transform': 'unset'
});
});
} else {
} else {
⚫
backToTop.css({
⚫
bannerNav.css('transform', 'translateY(-100%)');
⚫
'opacity': '0',
⚫
backToTop.hide().css({
'opacity': '0',
'transform': 'translateY(100%)'
});
⚫
'transform': 'translateY(100%)'
});
backToTop.hide("slow");
}
}
});
});
} // end back to top------------------------------------------------------------------------------------------------------
⚫
} //end desktop ------------------------------------------------------------------------------------------------------
} //end desktop ------------------------------------------------------------------------------------------------------
Line 215: Line 229:
function darkModeIconToggle(){
function darkModeIconToggle(){
if ($body.is('.cosmostweaks-darkmode')) {
if ($html.is('.cosmostweaks-darkmode')) {
darkModeButton.html(sunIcon);
darkModeButton.html(sunIcon);
darkModeButton.attr('title', 'Switch to light mode');
darkModeButton.attr('title', 'Switch to light mode');
Retrieved from "https://publictestwiki.com/wiki/User:Canadabonk/common.js"