rework style code to use a switch statement
This commit is contained in:
parent
8829166139
commit
38eee1eb44
|
|
@ -1,97 +1,178 @@
|
||||||
// Inspired by the Stylus app: <https://addons.mozilla.org/en-GB/firefox/addon/styl-us/>
|
// Inspired by the Stylus app: <https://addons.mozilla.org/en-GB/firefox/addon/styl-us/>
|
||||||
|
|
||||||
|
// Main part of the code: switch on the domain and select the corresponding style
|
||||||
var styles = null;
|
var styles = null;
|
||||||
|
switch (document.domain) {
|
||||||
|
case "forum.effectivealtruism.org":
|
||||||
|
styles = `
|
||||||
|
/*
|
||||||
|
.Layout-main {
|
||||||
|
margin-left: 100px;
|
||||||
|
}
|
||||||
|
.SingleColumnSection-root {
|
||||||
|
width: 1000px !important;
|
||||||
|
max-width: 1400px !important;
|
||||||
|
padding-left: 100px !important;
|
||||||
|
}
|
||||||
|
.NavigationStandalone-sidebar {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.intercom-lightweight-app{
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
*/
|
||||||
|
`;
|
||||||
|
break;
|
||||||
|
case "nationstates.net":
|
||||||
|
styles = `
|
||||||
|
.adidentifier {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
`;
|
||||||
|
break;
|
||||||
|
case "mail.proton.me":
|
||||||
|
styles = `
|
||||||
|
/*
|
||||||
|
.item-container-row.read, .item-container.read {
|
||||||
|
background-color: white;
|
||||||
|
}
|
||||||
|
.item-container-row.unread, .item-container.unread {
|
||||||
|
background-color: #E8E8E8;
|
||||||
|
}
|
||||||
|
.selection .item-container-row.item-is-selected, .item-container.item-is-selected {
|
||||||
|
background-color: var(--selection-background-color) !important;
|
||||||
|
}
|
||||||
|
zoom: 0.625 !important;
|
||||||
|
*/
|
||||||
|
`;
|
||||||
|
break;
|
||||||
|
case "forum.nunosempere.com":
|
||||||
|
styles = `
|
||||||
|
body {
|
||||||
|
zoom: 0.625 !important;
|
||||||
|
}
|
||||||
|
`;
|
||||||
|
break;
|
||||||
|
case "search.nunosempere.com":
|
||||||
|
styles = `
|
||||||
|
/*
|
||||||
|
body {
|
||||||
|
zoom: 1.8;
|
||||||
|
}
|
||||||
|
*/
|
||||||
|
|
||||||
/*
|
footer {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
`;
|
||||||
|
break;
|
||||||
|
case "reddit.com":
|
||||||
|
// fallthrough
|
||||||
|
case "old.reddit.com":
|
||||||
|
styles = `
|
||||||
|
/* kill sidebar ads */
|
||||||
|
.ad-container,
|
||||||
|
a[href^="https://alb.reddit.com"]
|
||||||
|
a[href="/premium"],
|
||||||
|
[data-promoted^="true"],
|
||||||
|
#eu-cookie-policy,
|
||||||
|
.infobar-toaster-container,
|
||||||
|
.listingsignupbar,
|
||||||
|
.native-ad-container,
|
||||||
|
.native-sidebar-ad,
|
||||||
|
.premium-banner-outer,
|
||||||
|
{
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
`;
|
||||||
|
break;
|
||||||
|
case "twitter.com":
|
||||||
|
styles = `
|
||||||
|
/* hide promoted tweets */
|
||||||
|
:has(meta[property="og:site_name"][content="Twitter"])
|
||||||
|
[data-testid="cellInnerDiv"]:has(svg + [dir="auto"]) {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
[data-testid^="placementTracking"] {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
.class
|
/* hide what's happening section */
|
||||||
#id
|
:has(meta[property="og:site_name"][content="Twitter"])
|
||||||
|
[aria-label="Timeline: Trending now"] {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
[data-testid^="sidebarColumn"] {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
*/
|
/* Hide DMs v2 */
|
||||||
|
[data-testid^="DMDrawerHeader"] {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
if (document.domain == "forum.effectivealtruism.org") {
|
/* Tweak main column */
|
||||||
styles = `
|
[data-testid^="primaryColumn"] {
|
||||||
/*
|
min-width: 900px;
|
||||||
.Layout-main {
|
max-width: 900px;
|
||||||
margin-left: 100px;
|
}
|
||||||
}
|
[data-testid^="cellInnerDiv"] {
|
||||||
.SingleColumnSection-root {
|
min-width: 700px;
|
||||||
width: 1000px !important;
|
max-width: 700px;
|
||||||
max-width: 1400px !important;
|
}
|
||||||
padding-left: 100px !important;
|
[aria-label^="Timeline: Conversation"]{
|
||||||
}
|
margin-left: 145px;
|
||||||
.NavigationStandalone-sidebar {
|
}
|
||||||
display: none;
|
[data-testid^="DMDrawer"]{
|
||||||
}
|
display: none;
|
||||||
.intercom-lightweight-app{
|
}
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
*/
|
|
||||||
`;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (document.domain == "nationstates.net") {
|
/* Delete a few unused or annoying elements */
|
||||||
styles = `
|
[aria-label^="Verified Orgs"] {
|
||||||
.adidentifier {
|
display: none;
|
||||||
display: none;
|
}
|
||||||
}
|
[aria-label^="Lists"] {
|
||||||
`;
|
display: none;
|
||||||
}
|
}
|
||||||
|
[aria-label^="Communities"] {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
[aria-label^="Primary"] {
|
||||||
|
margin-top: 50px;
|
||||||
|
}
|
||||||
|
[role^="progressbar"]{
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
if (document.domain == "mail.proton.me") {
|
/* hide video */
|
||||||
styles = `
|
[data-testid^="videoPlayer"] {
|
||||||
/*
|
display: none !important;
|
||||||
.item-container-row.read, .item-container.read {
|
}
|
||||||
background-color: white;
|
|
||||||
}
|
|
||||||
.item-container-row.unread, .item-container.unread {
|
|
||||||
background-color: #E8E8E8;
|
|
||||||
}
|
|
||||||
.selection .item-container-row.item-is-selected, .item-container.item-is-selected {
|
|
||||||
background-color: var(--selection-background-color) !important;
|
|
||||||
}
|
|
||||||
zoom: 0.625 !important;
|
|
||||||
*/
|
|
||||||
`;
|
|
||||||
}
|
|
||||||
if (document.domain == "forum.nunosempere.com") {
|
|
||||||
styles = `
|
|
||||||
body {
|
|
||||||
zoom: 0.625 !important;
|
|
||||||
}
|
|
||||||
`;
|
|
||||||
}
|
|
||||||
if (document.domain == "search.nunosempere.com") {
|
|
||||||
styles = `
|
|
||||||
/*
|
|
||||||
body {
|
|
||||||
zoom: 1.8;
|
|
||||||
}
|
|
||||||
*/
|
|
||||||
|
|
||||||
footer {
|
/* No change of colors in hover */
|
||||||
display: none;
|
*:hover {
|
||||||
}
|
/* background-color: white !important; */
|
||||||
`;
|
background-color: !important;
|
||||||
}
|
transition: none !important;
|
||||||
|
}*/
|
||||||
|
/*
|
||||||
|
*:hover {
|
||||||
|
background-color: inherit !important;
|
||||||
|
transition: none !important;
|
||||||
|
}*/
|
||||||
|
/* Hide go to top button */
|
||||||
|
[aria-label^="New posts are available. Push the period key to go to the them."]{
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
if (document.domain == "reddit.com" || document.domain == "old.reddit.com") {
|
/* No transparency at the top */
|
||||||
styles = `
|
[aria-live^="polite"]{
|
||||||
/* kill sidebar ads */
|
background: white !important;
|
||||||
.ad-container,
|
}
|
||||||
a[href^="https://alb.reddit.com"]
|
`;
|
||||||
a[href="/premium"],
|
break;
|
||||||
[data-promoted^="true"],
|
default:
|
||||||
#eu-cookie-policy,
|
console.log("No custom style");
|
||||||
.infobar-toaster-container,
|
|
||||||
.listingsignupbar,
|
|
||||||
.native-ad-container,
|
|
||||||
.native-sidebar-ad,
|
|
||||||
.premium-banner-outer,
|
|
||||||
{
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
`;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
if (styles != null) {
|
if (styles != null) {
|
||||||
|
|
@ -101,95 +182,7 @@ if (styles != null) {
|
||||||
console.log("Style changed");
|
console.log("Style changed");
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Extra: Replace default alert with new function
|
||||||
if (document.domain == "twitter.com") {
|
|
||||||
styles = `
|
|
||||||
/* hide promoted tweets */
|
|
||||||
:has(meta[property="og:site_name"][content="Twitter"])
|
|
||||||
[data-testid="cellInnerDiv"]:has(svg + [dir="auto"]) {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
[data-testid^="placementTracking"] {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* hide what's happening section */
|
|
||||||
:has(meta[property="og:site_name"][content="Twitter"])
|
|
||||||
[aria-label="Timeline: Trending now"] {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
[data-testid^="sidebarColumn"] {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Hide DMs v2 */
|
|
||||||
[data-testid^="DMDrawerHeader"] {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Tweak main column */
|
|
||||||
[data-testid^="primaryColumn"] {
|
|
||||||
min-width: 900px;
|
|
||||||
max-width: 900px;
|
|
||||||
}
|
|
||||||
[data-testid^="cellInnerDiv"] {
|
|
||||||
min-width: 700px;
|
|
||||||
max-width: 700px;
|
|
||||||
}
|
|
||||||
[aria-label^="Timeline: Conversation"]{
|
|
||||||
margin-left: 145px;
|
|
||||||
}
|
|
||||||
[data-testid^="DMDrawer"]{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Delete a few unused or annoying elements */
|
|
||||||
[aria-label^="Verified Orgs"] {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
[aria-label^="Lists"] {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
[aria-label^="Communities"] {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
[aria-label^="Primary"] {
|
|
||||||
margin-top: 50px;
|
|
||||||
}
|
|
||||||
[role^="progressbar"]{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* hide video */
|
|
||||||
[data-testid^="videoPlayer"] {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* No change of colors in hover */
|
|
||||||
*:hover {
|
|
||||||
/* background-color: white !important; */
|
|
||||||
background-color: !important;
|
|
||||||
transition: none !important;
|
|
||||||
}*/
|
|
||||||
/*
|
|
||||||
*:hover {
|
|
||||||
background-color: inherit !important;
|
|
||||||
transition: none !important;
|
|
||||||
}*/
|
|
||||||
/* Hide go to top button */
|
|
||||||
[aria-label^="New posts are available. Push the period key to go to the them."]{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* No transparency at the top */
|
|
||||||
[aria-live^="polite"]{
|
|
||||||
background: white !important;
|
|
||||||
}
|
|
||||||
`;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
// 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");
|
||||||
|
|
@ -249,6 +242,7 @@ window.alert = (message) => {
|
||||||
alertDiv.classList.add("visible");
|
alertDiv.classList.add("visible");
|
||||||
};
|
};
|
||||||
|
|
||||||
|
// Extra: hide video players on twitter
|
||||||
if (document.domain == "twitter.com") {
|
if (document.domain == "twitter.com") {
|
||||||
// Function to hide the grandparent of video players
|
// Function to hide the grandparent of video players
|
||||||
// takes 0.014ms to run, so performance is not the concern here.
|
// takes 0.014ms to run, so performance is not the concern here.
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user