open.source/rosenrot
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

prettier pass on style.js

Browse Source
This commit is contained in:
NunoSempere 2023-09-15 12:41:31 +03:00
parent 58b522be65
commit f75442ac2b
1 changed files with 49 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

96
plugins/style/style.js
View File

@ -2,8 +2,8 @@
var styles = null; var styles = null;
if (document.domain == "forum.effectivealtruism.org"){ if (document.domain == "forum.effectivealtruism.org") {
styles = ` styles = `
.Layout-main { .Layout-main {
margin-left: 100px; margin-left: 100px;
} }
@ -18,15 +18,15 @@ if (document.domain == "forum.effectivealtruism.org"){
.intercom-lightweight-app{ .intercom-lightweight-app{
display: none; display: none;
} }
` `;
var styleSheet = document.createElement('style') var styleSheet = document.createElement("style");
styleSheet.innerText = styles styleSheet.innerText = styles;
document.head.appendChild(styleSheet) document.head.appendChild(styleSheet);
console.log('Style changed') console.log("Style changed");
} }
if (document.domain == "mail.proton.me" ){ if (document.domain == "mail.proton.me") {
styles = ` styles = `
/* /*
.item-container-row.read, .item-container.read { .item-container-row.read, .item-container.read {
background-color: white; background-color: white;
@ -39,16 +39,16 @@ if (document.domain == "mail.proton.me" ){
} }
zoom: 0.625 !important; zoom: 0.625 !important;
*/ */
` `;
} }
if (document.domain == "forum.nunosempere.com" ){ if (document.domain == "forum.nunosempere.com") {
styles = ` styles = `
body { body {
zoom: 0.625 !important; zoom: 0.625 !important;
} }
` `;
} }
if (document.domain == "search.nunosempere.com" ){ if (document.domain == "search.nunosempere.com") {
styles = ` styles = `
body { body {
/* zoom: 1.8; */ /* zoom: 1.8; */
@ -57,9 +57,9 @@ if (document.domain == "search.nunosempere.com" ){
footer { footer {
display: none; display: none;
} }
` `;
} }
if (document.domain == "twitter.com" ){ if (document.domain == "twitter.com") {
styles = ` styles = `
/* hide promoted tweets */ /* hide promoted tweets */
:has(meta[property="og:site_name"][content="Twitter"]) :has(meta[property="og:site_name"][content="Twitter"])
@ -78,11 +78,11 @@ if (document.domain == "twitter.com" ){
[data-testid^="sidebarColumn"] { [data-testid^="sidebarColumn"] {
display: none; display: none;
} }
` `;
} }
if (document.domain == "reddit.com" || document.domain == "old.reddit.com"){ if (document.domain == "reddit.com" || document.domain == "old.reddit.com") {
styles = ` styles = `
/* kill sidebar ads */ /* kill sidebar ads */
.native-ad-container, .native-ad-container,
.premium-banner-outer, .premium-banner-outer,
@ -97,23 +97,22 @@ if (document.domain == "reddit.com" || document.domain == "old.reddit.com"){
{ {
display: none !important; display: none !important;
} }
` `;
} }
if(styles != null){ if (styles != null) {
var styleSheet = document.createElement('style') var styleSheet = document.createElement("style");
styleSheet.innerText = styles styleSheet.innerText = styles;
document.head.appendChild(styleSheet) document.head.appendChild(styleSheet);
console.log('Style changed') console.log("Style changed");
} }
// Replace default alert with new function // Replace default alert with new function
// whose style can be changed! // whose style can be changed!
window.alert = (message) => { window.alert = (message) => {
let alertDiv = document.getElementById('customAlert'); let alertDiv = document.getElementById("customAlert");
if (!alertDiv) { if (!alertDiv) {
const html = ` const html = `
<div id="customAlert" class="custom-alert"> <div id="customAlert" class="custom-alert">
<div class="custom-alert-content"> <div class="custom-alert-content">
<p id="alertMessage"></p> <p id="alertMessage"></p>
@ -145,26 +144,29 @@ window.alert = (message) => {
} }
</style> </style>
`; `;
document.body.insertAdjacentHTML('beforeend', html); document.body.insertAdjacentHTML("beforeend", html);
alertDiv = document.getElementById('customAlert'); alertDiv = document.getElementById("customAlert");
document.getElementById('alertOkButton').onclick = () => { document.getElementById("alertOkButton").onclick = () => {
alertDiv.classList.remove('visible'); alertDiv.classList.remove("visible");
document.removeEventListener('keydown', dismissAlert); document.removeEventListener("keydown", dismissAlert);
}; };
}
const dismissAlert = (event) => {
if (
event.key === "Enter" /*&& event.ctrlKey*/ &&
alertDiv.classList.contains("visible")
) {
alertDiv.classList.remove("visible");
document.removeEventListener("keydown", dismissAlert);
} }
};
const dismissAlert = (event) => {
if (event.key === 'Enter' /*&& event.ctrlKey*/ && alertDiv.classList.contains('visible')) { document.addEventListener("keydown", dismissAlert);
alertDiv.classList.remove('visible'); document.getElementById("alertMessage").textContent = message;
document.removeEventListener('keydown', dismissAlert); alertDiv.classList.add("visible");
} };
}
document.addEventListener('keydown', dismissAlert);
document.getElementById('alertMessage').textContent = message;
alertDiv.classList.add('visible');
}
// ^ takes 0.014ms to run, so performance is not the concern here. // ^ takes 0.014ms to run, so performance is not the concern here.
// timed with console.time, console.timeEnd // timed with console.time, console.timeEnd
document.body.style.visibility = "visible" document.body.style.visibility = "visible";