Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /******************************************************************************\
- * Web Client: Embiggen Emojos *
- \******************************************************************************/
- /*
- * Emojos in the "reply" box that appears above the status update text box when
- * you click the "reply" button on a toot
- */
- .reply-indicator__content .emojione,
- /* Emojos in Display Names */
- .display-name .emojione,
- /* Emojos in status text you're looking at */
- .detailed-status .status__content .emojione,
- /* Emojos in toots across the rest of the entire web client */
- .status__content .emojione{
- width: 30px;
- /* Stock is 20px */
- height: 30px;
- /* Stock is 20px */
- transition: all 0.2s 0s cubic-bezier(0.34, 1.56, 0.64, 1);
- }
- /* Emojo Zoomers on hover */
- .status__content .emojione:hover {
- transition: all 0.5s 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
- transform: scale(2);
- cursor: zoom-in;
- z-index: 9999;
- }
- /* Fix overflow for the above emojo zoomers */
- .reply-indicatorcontent, .statuscontent:hover,
- .edit-indicator__content:hover, .reply-indicator__content:hover, .status__content:hover, /* Mastodon 4.3.0 */
- .notification div.status.muted .status__content p:hover,
- .notification div.status.muted .status__content p img:hover{
- overflow: visible !important;
- opacity: 1 !important;
- }
- /* Skip above fix for toots with additional content hidden behind a read more */
- .reply-indicatorcontent, .statuscontent.status__content--collapsed:hover {
- overflow: hidden !important;
- }
- /* Emojos in the "Emoji Mart" (pop-out from emoji button) in compose window */
- .emoji-mart-category .emoji-mart-emoji img {
- width: 30px !important;
- /* stock: 20px; defined inline */
- height: 30px !important;
- /* stock: 20px; defined inline */
- }
Add Comment
Please, Sign In to add comment