Skip to content

Instantly share code, notes, and snippets.

@FiXato
Last active November 16, 2022 13:48
Show Gist options
  • Save FiXato/01f402ed15ecea32aa805b76602f11b3 to your computer and use it in GitHub Desktop.
Save FiXato/01f402ed15ecea32aa805b76602f11b3 to your computer and use it in GitHub Desktop.
TamperMonkey UserScript to tweak the UI of the Toot.Cat Mastodon Glitch-Soc instance
// ==UserScript==
// @name TootCat Mastodon UI tweaks
// @namespace http://tampermonkey.net/
// @version 1.2
// @description Styling tweaks for the Mastodon instance I use.
// @author FiXato
// @match https://toot.cat/*
// @icon data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
// @grant none
// ==/UserScript==
(function() {
'use strict';
// Increase the width of the first and last column so there's more space for the text and media of your home timeline, and the expanded posts.
document.styleSheets[document.styleSheets.length - 1].insertRule('.column[data-column="home"], .column:last-child {min-width: 600px!important}', 0);
// Increase size of emoji / emotes when you hover over them, making it easier to see what they are supposed to represent.
document.styleSheets[document.styleSheets.length - 1].insertRule('.status__content .emojione:hover {width: auto!important; height: 50px!important;}', 0);
// Change the font to Optima Nova LT Pro, Atkinson Hyperlegible, Verdana, or a sans-serif font.
document.styleSheets[document.styleSheets.length - 1].insertRule('.status__content__text, .status__content p {font-family: "Optima Nova LT Pro", "Atkinson Hyperlegible", Roboto, Arial, sans-serif;}', 0);
// Add a small purple bar above images that come without status content text, so you have some easy-to-click-on area to expand the post.
document.styleSheets[document.styleSheets.length - 1].insertRule(`.status__content__text:empty + .media-gallery:before
{
height: 1em;
display: block;
content: ' ';
background-color: purple;
}
`);
})();
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment