Last active
November 19, 2022 23:26
-
-
Save promovicz/80353c6a5f0180488d0e7efdff2c15dd to your computer and use it in GitHub Desktop.
Mastodon 4: UI customizations
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* Hide navigation bar logo */ | |
| .navigation-panel__logo { | |
| display: none; | |
| } | |
| /* Hide header logo */ | |
| .ui__header__logo svg { | |
| display: none; | |
| } | |
| /* Toot button */ | |
| .ui__header__links > .button[href="/publish"], | |
| .compose-form__publish-button-wrapper > .button.button--block { | |
| font-size: 0 !important; | |
| } | |
| .ui__header__links > .button[href="/publish"]::after, | |
| .compose-form__publish-button-wrapper > .button.button--block::after { | |
| content: "Love!"; | |
| text-transform: none; | |
| font-size: 15px; | |
| position: relative; | |
| bottom: -2px; | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* Patching function called after page load */ | |
| function patchMastodonUI() { | |
| /* Insert the hostname as the logo for the mobile layout */ | |
| $(".ui__header").prepend("<span style='font-size: 16px;padding:15px;'>"+window.location.hostname+"</span>"); | |
| } | |
| /* Hook up the patching function */ | |
| $(document).ready(patchMastodonUI); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Using the JavaScript bit requires injecting JQuery. The extension "User JavaScript and CSS" does that for me.