☰

WideScreen Chat

Full WideScreen Chat

  1. // ==UserScript==
  2. // @name         WideScreen Chat
  3. // @version      1.95
  4. // @description  Full WideScreen Chat
  5. // @author       Florentinity
  6. // @match        https://character.ai/*
  7. // @icon         https://www.google.com/s2/favicons?sz=64&domain=character.ai
  8. // @namespace https://greasyfork.org/users/1100373
  9. // ==/UserScript==
  10. (function() {
  11.     function WideScreen()
  12.     {
  13.         var Chat
  14.  
  15.         if(document.getElementsByClassName("overflow-x-hidden overflow-y-scroll px-1 flex flex-col-reverse min-w-full z-0 hide-scrollbar").item(0) != null)
  16.         {
  17.             Chat = document.getElementsByClassName("overflow-x-hidden overflow-y-scroll px-1 flex flex-col-reverse min-w-full z-0 hide-scrollbar").item(0).children
  18.         } else {
  19.             Chat = document.getElementsByClassName("overflow-x-hidden overflow-y-scroll px-1 flex flex-col-reverse min-w-full z-0").item(0).children
  20.         }
  21.  
  22.     for(var i = 0; i < Chat.length; i++)
  23.     {
  24.         Chat.item(i).style = "min-width:100%"
  25.         if(Chat.item(i).children.item(0).children.item(1) != null){
  26.         Chat.item(i).children.item(0).children.item(1).children.item(1).style = "min-width:85%"
  27.         Chat.item(i).children.item(0).children.item(1).children.item(1).children.item(0).style = "min-width:100%"
  28.         Chat.item(i).children.item(0).children.item(1).children.item(1).children.item(0).children.item(0).style = "min-width:100%"
  29.         document.getElementsByClassName("flex flex-col max-w-2xl items-center w-full").item(0).style = "min-width:100%"
  30.         document.getElementsByClassName("flex flex-col max-w-2xl items-center w-full").item(0).children.item(0).style = "min-width:100%"
  31.             if(document.getElementsByClassName("mt-1 max-w-xl rounded-2xl px-3 min-h-12 flex justify-center py-3 bg-surface-elevation-2 opacity-85").item(0) != null)
  32.             {
  33.                 document.getElementsByClassName("mt-1 max-w-xl rounded-2xl px-3 min-h-12 flex justify-center py-3 bg-surface-elevation-2 opacity-85").item(0).style = "min-width:100%"
  34.                 document.getElementsByClassName("mt-1 max-w-xl rounded-2xl px-3 min-h-12 flex justify-center py-3 bg-surface-elevation-2 opacity-85").item(0).children.item(0).style = "min-width:100%"
  35.             }
  36.         }
  37.     }
  38.     }
  39.     setTimeout(() => { setInterval(WideScreen, 500) }, 1000);
  40. })();