chatgpt_all_wide by bslaterdk

/* ==UserStyle==
@name           chatgpt_all_wide
@namespace      slater.dk
@version        1.0.0
@description    Make ChatGPT navigationbar, user input field and message area wider
@author         bslater
==/UserStyle== */
@-moz-document domain("chatgpt.com") {

    @media not all and (max-width: 768px) {       
        .shrink-0.overflow-x-hidden[style*="260px"],
        .shrink-0.overflow-x-hidden[style*="260px"] .w-\[var\(--sidebar-width\)\] {
            width: 350px !important;
        }    
	}
    
    
    .shrink-0.overflow-x-hidden[style*="260px"] li > div > a > div.relative.grow.overflow-hidden.whitespace-nowrap {
        overflow: visible;
        white-space: unset;
    }
    
    .shrink-0.overflow-x-hidden[style*="260px"] li:not(:hover) > div > a > div.relative.grow.overflow-hidden.whitespace-nowrap > div.absolute.to-transparent {
        background-image: none;
    }
    
    .shrink-0.overflow-x-hidden[style*="260px"] li > div {
        height: auto !important;
    }

    div[role="dialog"] .h-\[24rem\] {
        height: 75vh;
    }
    
    main article > div > div {
        max-width: max(40rem, 90%)!important;
    }
    
    #thread-bottom > div > div {
        max-width: max(40rem, 90%)!important;
    }
}