Are you tired of Instagram cramming your direct messages into a tiny little box? Well this theme solves it! This allows your direct messages to scale to whatever size screen you have!
Redid the code to work with the latest Instagram update
VERSION 1.0 - 7 April 2022
Release!
Source code
/* ==UserStyle==
@name Instagram Widescreen DM Fix
@version 20230320.00.37
@namespace userstyles.world/user/daniel55555d
@description Are you tired of Instagram cramming your direct messages into a tiny little box? Well this theme solves it! This allows your direct messages to scale to whatever size screen you have!
Want this in Dark Mode? Check out the dark version of this theme: https://userstyles.world/style/4983/instagram-dark-theme-widescreen-dm-fix
If you would like to check out my channel, it can be found here: https://www.youtube.com/daniel55555d
@author daniel55555d
@license CC BY
==/UserStyle== */
@-moz-document domain("instagram.com") {
/* Instagram Widescreem DM Fix v2.1*/
/* Created by Lexan*/
/*Scrollbar*/
::-webkit-scrollbar,
::-webkit-scrollbar-corner,
::-webkit-scrollbar,
::-webkit-scrollbar-corner {
background: var(--bg-color) !important;
width: 8px
}
::-webkit-scrollbar-button,
::-webkit-scrollbar-button {
display: none !important;
}
::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb {
background: #999 !important;
width: 8px !important;
border-radius: 10px;
transition: .1s !important;
}
::-webkit-scrollbar-thumb:not(:active):hover,
::-webkit-scrollbar-thumb:not(:active):hover {
background: #777 !important;
transition: .1s !important;
}
::-webkit-scrollbar-thumb:active,
::-webkit-scrollbar-thumb:hover:active,
::-webkit-scrollbar-thumb:active,
::-webkit-scrollbar-thumb:hover:active {
background: #5c5c5c !important;
transition: .1s !important;
}
/*Variables*/
:root {
--direct-message-max-width: 55vw;
}
body {
overflow-y: auto;
}
/*Direct Messages*/
div._aa5b > div {
max-width: 999999px !important;
border: none;
}
._a3gq ._aa5b /*padding fix*/{
padding: 0px;
}
}