Last active
January 17, 2023 20:06
-
-
Save Eriner/16749bd3f2f65a24c5f2ac02ae679a74 to your computer and use it in GitHub Desktop.
Bring back the Mastodon toots
This file contains 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
| .compose-form__publish-button-wrapper .button--block { | |
| font-size: 0px; | |
| } | |
| .compose-form__publish-button-wrapper .button--block::after { | |
| content: "Toot!"; | |
| font-size: 15px; | |
| vertical-align: middle; | |
| color: #fff; | |
| } | |
| .ui__header__links .button[href$="/publish"] span { | |
| font-size: 0px; | |
| } | |
| .ui__header__links .button[href$="/publish"] span::after { | |
| content: "Toot"; | |
| font-size: 15px; | |
| vertical-align: middle; | |
| color: #fff; | |
| } |
.compose-form__publish-button-wrapper .button--block {
font-size: 0px;
}
.compose-form__publish-button-wrapper .button--block::after {
content: "Toot!";
font-size: 15px;
vertical-align: middle;
color: #fff;
}
.ui__header__links .button[href$="/publish"] span {
font-size: 0px;
}
.ui__header__links .button[href$="/publish"] span::after {
content: "Toot";
font-size: 15px;
vertical-align: middle;
color: #fff;
}On Firefox/MacOS, here's the difference:
With changes above:
Hmm, I had complaints from people that the background color was reverting to something else. I can't reproduce so I'm just going to revert the latest change which should address the issue you've brought up @hiway. I also typo'd the font color which I've corrected.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
The old button color was
#2b90d9I think, but there are other visual elements that I don't want to bother to style. This CSS uses the new color-scheme as of Mastodon v4.0.0.There is also probably a better way to do this #hack, but I'm not a FE dev. Patches welcome.