Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
/** CSS style to make FB Messenger narrower **/
/** Made by Puf https://popcorn.vivaldi.net **/
/* Width fix */
body > div:first-child > div:first-child > div:first-child, ._4sp8 {
min-width: 0!important;
}
/* New message overflow fix */
[aria-label="New message"] > div:first-child > div:first-child {
overflow: hidden;
}
[aria-live="polite"] {
box-sizing: border-box;
border-right: 4px solid rgba(0, 0, 255, 0.5);
}
/* Fix input field on narrow displays */
@media (max-width: 400px) {
._fl2, ._4rv4, ._30yy._2oc8
{
display: none;
}
._2swd._kmc {
padding-bottom: 9px;
}
._1enh {
position: fixed;
z-index: 100;
transform: scale(0.5) translateY(-100vh) translateY(50px) translateX(-37px);
height: 200vh;
}
._4u-c._3_e8._9hq {
height: 200vh !important;
}
._20bp {
padding-left: 28px;
}
._4tsk._52mr._1byr div {
width: 80% !important;
}
._5irm._1_73 {
margin-left: 18px !important;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.