Guest User

Mastodon 4.3.0 Embiggen Emojos

a guest
Oct 9th, 2024
859
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.84 KB | None | 0 0
  1. /******************************************************************************\
  2.  *                                              Web Client: Embiggen Emojos   *
  3. \******************************************************************************/
  4. /*
  5.  * Emojos in the "reply" box that appears above the status update text box when
  6.  * you click the "reply" button on a toot  
  7.  */
  8. .reply-indicator__content .emojione,
  9. /* Emojos in Display Names */
  10. .display-name .emojione,
  11. /* Emojos in status text you're looking at  */
  12. .detailed-status .status__content .emojione,
  13. /* Emojos in toots across the rest of the entire web client */
  14. .status__content .emojione{
  15.     width: 30px;
  16.     /* Stock is 20px */
  17.     height: 30px;
  18.     /* Stock is 20px */
  19.     transition: all 0.2s 0s cubic-bezier(0.34, 1.56, 0.64, 1);
  20. }
  21. /* Emojo Zoomers on hover */
  22. .status__content .emojione:hover {
  23.     transition: all 0.5s 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  24.     transform: scale(2);
  25.     cursor: zoom-in;
  26.     z-index: 9999;
  27. }
  28. /* Fix overflow for the above emojo zoomers */
  29. .reply-indicatorcontent, .statuscontent:hover,
  30. .edit-indicator__content:hover, .reply-indicator__content:hover, .status__content:hover, /* Mastodon 4.3.0 */
  31. .notification div.status.muted .status__content p:hover,
  32. .notification div.status.muted .status__content p img:hover{
  33.     overflow: visible !important;
  34.     opacity: 1 !important;
  35. }
  36.  
  37. /* Skip above fix for toots with additional content hidden behind a read more */
  38. .reply-indicatorcontent, .statuscontent.status__content--collapsed:hover {
  39.     overflow: hidden !important;
  40. }
  41.  
  42. /* Emojos in the "Emoji Mart" (pop-out from emoji button) in compose window */
  43. .emoji-mart-category .emoji-mart-emoji img {
  44.     width: 30px !important;
  45.     /* stock: 20px; defined inline */
  46.     height: 30px !important;
  47.     /* stock: 20px; defined inline */
  48. }
  49.  
  50.  
Add Comment
Please, Sign In to add comment