Skip to content

Instantly share code, notes, and snippets.

@wryk
Last active January 11, 2019 16:21
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save wryk/a4f0c79c7a66ee6573bfc93ff16eb93b to your computer and use it in GitHub Desktop.
Save wryk/a4f0c79c7a66ee6573bfc93ff16eb93b to your computer and use it in GitHub Desktop.

These userstyles can be used on any mastodon instance but you'll need to install an userstyle manager on your browser. I recommend Stylus (https://add0n.com/stylus.html) because it doesn't have any tracking and it's libre !

With an userstyle manager on your browser you only need to open userstyles files (click Raw buttons on GithubGist interface) to use them. Yeah, this install process sucks, sorry.

/* ==UserStyle==
@name flexible-columns
@namespace wryk.mastodon
@version 1.0.1
@license MIT
==/UserStyle== */
@-moz-document regexp("^http(?:s?)://(?:[^/]+)/web(?:.*)") {
#mastodon .column {
flex-grow: 1;
}
}
/* ==UserStyle==
@name hide-followers-count
@namespace wryk.mastodon
@version 1.0.2
@license MIT
@preprocessor uso
@var text text "Replacement text" ⛧666⛧
==/UserStyle== */
@-moz-document regexp("^http(?:s?)://(?:[^/]+)/web/accounts(?:.*)") {
#mastodon .account__action-bar__tab:nth-child(3) > strong {
position: relative;
visibility: hidden;
}
#mastodon .account__action-bar__tab:nth-child(3) > strong >span::before {
visibility: visible;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: "/*[[text]]*/";
}
}
@-moz-document regexp("^http(?:s?)://(?:[^/]+)/@(?:.*)") {
.counter:nth-child(3) > a {
position: relative;
}
.counter:nth-child(3) > a > .counter-number {
visibility: hidden;
}
.counter:nth-child(3) > a > .counter-number::before {
visibility: visible;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: "/*[[text]]*/";
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment