Skip to content

Instantly share code, notes, and snippets.

@bunnyhero

bunnyhero/userContent.css

Created December 25, 2022 03:18
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save bunnyhero/95f9fbfc78e0731b8a5276f150df600b to your computer and use it in GitHub Desktop.
Save bunnyhero/95f9fbfc78e0731b8a5276f150df600b to your computer and use it in GitHub Desktop.
Download ZIP
custom browser stylesheet to widen the home column of mastodon's advanced UI
Raw
userContent.css
body.layout-multiple-columns #mastodon .columns-area .column[aria-label="Home"] {
min-width: 420px !important;
max-width: 420px !important;
}
@bunnyhero
Copy link
Author

unfortunately, chrome no longer natively supports custom user stylesheets. firefox and safari do, though.

i purposefully used a css selector that is probably more specific than necessary, mainly to avoid having it affect other sites, in lieu of @document url-prefix(blah blah) which is not supported by safari. on the plus side, this means it should work on any mastodon 4.0+ instance using the advanced UI without having to specify any domains (although i've really only tried it with instances that are using the glitch-soc fork).

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment