☰

Twitter/X UI Improvements

Improves Twitter/X layout by adjusting widths and removing grok and stuff

  1. // ==UserScript==
  2. // @name         Twitter/X UI Improvements
  3. // @namespace    https://twitter.com/
  4. // @version      1.1
  5. // @description  Improves Twitter/X layout by adjusting widths and removing grok and stuff
  6. // @author       Minoa
  7. // @match        https://twitter.com/*
  8. // @match        https://x.com/*
  9. // @grant        GM_addStyle
  10. // @license MIT
  11. // ==/UserScript==
  12.  
  13. (function() {
  14.     'use strict';
  15.  
  16.     // Add custom CSS styles
  17.     const customStyles = `
  18.         .r-1ye8kvj { max-width: 680px !important; }
  19.         .r-o96wvk { width: 230px !important; }
  20.         .r-ttdzmv { padding-top: 8px !important; }
  21.         .r-1hycxz { width: 280px !important; }
  22.         .r-1jte41z { min-width: 250px !important; }
  23.     `;
  24.     
  25.     GM_addStyle(customStyles);
  26.  
  27.     // Function to remove unwanted elements
  28.     function removeElements() {
  29.         const selectors = [
  30.             '[data-testid="GrokDrawer"]',
  31.             'a[href="/i/grok"]',
  32.             'a[href="/i/verified-orgs-signup"]',
  33.             'a[href="/i/premium_sign_up"]',
  34.             'aside[aria-label="Subscribe to Premium"]',
  35.             '[data-testid="grokImgGen"]',
  36.             '.r-18u37iz.r-1h0z5md button[aria-label="Grok actions"]'
  37.         ];
  38.  
  39.         selectors.forEach(selector => {
  40.             const elements = document.querySelectorAll(selector);
  41.             elements.forEach(element => element.remove());
  42.         });
  43.     }
  44.  
  45.     // Create and run mutation observer to handle dynamically loaded content
  46.     const observer = new MutationObserver(() => {
  47.         removeElements();
  48.     });
  49.  
  50.     // Start observing
  51.     observer.observe(document.body, {
  52.         childList: true,
  53.         subtree: true
  54.     });
  55.  
  56.     // Initial cleanup
  57.     removeElements();
  58. })();