Skip to content

Instantly share code, notes, and snippets.

@mcnees
Created January 7, 2016 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 mcnees/c2c4b65c636ec85979ad to your computer and use it in GitHub Desktop.
Save mcnees/c2c4b65c636ec85979ad to your computer and use it in GitHub Desktop.
A simple version of Favmoji.css that just replaces the heart animation with an emoji.
/* Install the Stylish extension for your browser, then add this code
as a new Style. Make sure it applies to the domain 'twitter.com' */
/* You can get Stylish here: */
/* Safari - http://sobolev.us/stylish/ */
/* Chrome - https://chrome.google.com/webstore/detail/stylish/fjnbnpbmkenffdnngjfgmeleoegfcffe */
/* Tweet improvements, comments, or corrections to @mcnees. */
/* Thanks to: @pbausch, @mathowie, @blakestacey, @ukuleledan and others! */
/* Hide the heart for un-Faved tweets. */
.ProfileTweet-actionButton .HeartAnimationContainer {
visibility: hidden;
}
.WebToast .HeartAnimationContainer {
visibility: hidden;
}
/* Specify an emoji to use in place of the heart, for un-Faved tweets. */
.ProfileTweet-actionButton .HeartAnimationContainer:after {
/* Use a grayed-out emoji for the unclicked Fav button. */
content:'🍺';
/* Safari or Chrome */
-webkit-filter: grayscale(100%);
opacity: 0.7;
/* Firefox or Mozilla */
/* -moz-filter: grayscale(100%); */
visibility: visible;
display: block;
position: absolute;
}
/* Show the regular emoji when hovering over the fav button. */
.ProfileTweet-actionButton .HeartAnimationContainer:hover:after {
/* Use a regular emoji for the hovered Fav button. */
content:'🍺';
/* Safari or Chrome */
-webkit-filter: grayscale(0%);
/* Firefox or Mozilla */
/* -moz-filter: grayscale(50%); */
visibility: visible;
display: block;
position: absolute;
}
/* Hide the heart for Faved tweets. */
.ProfileTweet-actionButtonUndo .HeartAnimationContainer {
visibility: hidden;
}
/* Replace the heart for Faved tweets with an emoji. */
.ProfileTweet-actionButtonUndo .HeartAnimationContainer:after {
/* Use a regular emoji for the clicked Fav button. */
content:'🍺';
visibility: visible;
display: block;
position: absolute;
}
/* Change the text color for the Fav count. */
.ProfileTweet-actionCountForPresentation {
color: #999;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment