Skip to content

Instantly share code, notes, and snippets.

@StarfishHidari
Created August 23, 2018 04:35
Show Gist options
  • Save StarfishHidari/43fd72936a1cd9ebbfc5a6f41a698b84 to your computer and use it in GitHub Desktop.
Save StarfishHidari/43fd72936a1cd9ebbfc5a6f41a698b84 to your computer and use it in GitHub Desktop.
aaaaaaaaaaaaaaaaaaaa
/* variables */
:root {
--chatPfpSize: 80px;
--profileAvatarSize: 200px;
--emojiJumbo: 60px;
--emojiNormal: 60px;
--borderRadius: 25%;
--memberListAvatarSize: 50px;
}
/* bigger emoji */
/*.emoji.jumboable {
height: var(--emojiJumbo);
width: var(--emojiJumbo);
}*/
.emoji.da-emoji {
height: var(--emojiNormal);
width: var(--emojiNormal);
}
/* --BIGGER AVATARS-- */
/* removing avatar mask */
.mask-3OgeRz {
-webkit-mask: none;
mask: none;
}
/* bigger user profile avatar */
.da-image.da-popout {
height: var(--profileAvatarSize)!important;
width: var(--profileAvatarSize)!important;
border-radius: --var(borderRadius);
}
.da-wrapper.da-popout {
height: var(--profileAvatarSize)!important;
width: var(--profileAvatarSize)!important;
border-radius: --var(borderRadius);
}
.da-status.da-popout {
box-shadow: inset 0 0 0 3px rgba(199,204,209,.6)!important;
height: 30px!important;
width: 30px!important;
}
.avatarHint-1qgaV3 {
border-radius: 25%!important;
}
.avatarHintInner-Dco91E {
font-size: 20px;
}
.container-1YxwTf .wrapper-2F3Zv8{
margin-top: 0;
width: var(--chatPfpSize);
height: var(--chatPfpSize);
}
.container-1YxwTf .image-33JSyf{
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
}
.contentCozy-3XX413 {
margin-left: calc(40px + var(--chatPfpSize));
}
.container-1YxwTf {
min-height: var(--chatPfpSize);
box-sizing: content-box;
position: relative;
}
.containerCozy-jafyvG {
margin: 0;
padding: 20px 0;
}
.container-1YxwTf .divider-32i8lo {
position: absolute;
bottom: 20px;
width: 100%;
}
.container-3-pyIM .icon-2Po-VO, .container-3-pyIM .content-2M3n_H {
/* remove this for PFPs smaller than 40px */
transform: translate(0, calc(var(--chatPfpSize) / 2 - 20px));
}
.image-33JSyf, .wrapper-2F3Zv8 {
border-radius: var(--borderRadius);
}
/* change reaction font to same as chat font */
.reactionCount-2ddRoS {
font-family: Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment