slack-beeegmojis
Version:
Makes emojis in Slack bigger so you can actually appreciate them.
116 lines (105 loc) • 2.88 kB
CSS
/* Emoji message reactions */
.c-reaction img.c-emoji__small {
height: 64px ;
width: 64px ;
}
/* Jumbo emojis */
.c-message_kit__gutter__right img.c-emoji.c-emoji__large {
height: 128px ;
width: 128px ;
}
/* Inline message emojis */
span.c-emoji__medium img {
height: 64px ;
width: 64px ;
margin-top: -32px ;
}
span.c-emoji__medium {
height: 64px ;
width: 64px ;
}
/*
Status emojis
*/
.c-custom_status .c-emoji--inline img {
height: 24px ;
width: 24px ;
margin-top: -12px ;
}
/* Statuses above messages clear */
.c-message__sender .c-custom_status .c-emoji--inline img {
margin-top: -14px ;
}
/* Text next to status emoji doesn't collide */
.c-custom_status .c-emoji--inline {
height: 24px ;
width: 24px ;
}
/* Stauses in the channel sidebar */
.p-channel_sidebar__name .c-emoji--inline img {
height: 28px ;
width: 28px ;
margin-top: -15px ;
}
.p-channel_sidebar__name .c-emoji--inline {
height: 28px ;
width: 28px ;
}
/* Tooltip over a status and status of someone in the side info panel */
.c-custom_status__tooltip .c-emoji--inline img,
.p-member_profile_field__value .c-custom_status--inline .c-emoji--inline img {
height: 64px ;
width: 64px ;
margin-top: -32px ;
}
.c-custom_status__tooltip .c-emoji--inline,
.p-member_profile_field__value .c-custom_status--inline .c-emoji--inline {
height: 64px ;
width: 64px ;
}
/* Make the tooltip big enough for thicccccccc emoji statuses */
.c-custom_status__tooltip,
.c-custom_status {
vertical-align: bottom ;
}
.c-tooltip__tip {
max-width: 1000px ;
}
/* Send message custom status emojis*/
.c-texty_input__placeholder .c-custom_status--inline .c-emoji__medium img {
width: 32px ;
height: 32px ;
}
.c-texty_input__placeholder .c-custom_status--inline .c-emoji__medium {
width: 32px ;
height: 32px ;
}
/* Draft message emojis */
.c-texty_input .ql-editor img.emoji {
height: 48px ;
width: 48px ;
}
/* Sidebar channel section label */
.p-channel_sidebar__section_heading .c-emoji img {
height: 22px ;
width: 22px ;
margin-top: -11px ;
}
.p-channel_sidebar__section_heading span.c-emoji {
width: 22px ;
}
/* Channel section selection dropdown label */
.p-inline_channel_section .c-emoji img {
height: 22px ;
width: 22px ;
margin-top: -11px ;
}
.p-inline_channel_section span.c-emoji {
width: 22px ;
}
/* Emoji picker items emojis */
.p-emoji_picker__list_item img.c-emoji__medium {
width: 28px;
height: 28px;
margin-top: -2px;
}